Förhindra standardbeteende i JavaScript
Ibland behöver man med hjälp av JavaScript förhindra ett taggs standardbeteende. Till exempel, att förhindra att ett klick på en länk leder till att man navigerar till den länkens URL. Generellt sett behövs detta i de fall där vi använder länken enbart för att köra någon kod. I det här fallet är det inte önskvärt att ett klick på länken leder till navigation.
Att förhindra standardbeteende görs
med hjälp av objektet Event. För detta
finns en speciell metod preventDefault(),
som ska anropas var som helst i händelsehanteraren.
Låt oss prova i praktiken. Låt oss säga att vi har följande länk:
<a href="/" id="elem">länk</a>
Låt oss göra så att ett klick på länken inte leder till navigering till en annan sida:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Du kan inte gå till den här länken!');
});
Givna länkar. Gör så att när man klickar på en länk så skrivs dess href ut i slutet av länken, och navigering till länken förhindras.
Givna två inputfält, ett stycke och en länk. Låt siffror skrivas in i inputfälten. Gör så att vid klick på länken skrivs summan av de inmatade talen ut i stycket.
