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:

html<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:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Du kan inte gå till den här länken!');
});