Anulowanie domyślnej akcji w JavaScript

Czasami za pomocą JavaScript konieczne jest anulowanie domyślnej akcji znacznika. Na przykład, po kliknięciu linku anulowanie przejścia przez ten link. Zazwyczaj jest to wymagane w tym przypadku, jeśli używamy tego linku po prostu do uruchomienia jakiegoś kodu. W tym przypadku to, że po kliknięciu linku nastąpi przejście przez niego, wcale nie jest nam potrzebne.

Anulowanie domyślnej akcji odbywa się za pomocą obiektu Event. W tym celu ma on specjalną metodę preventDefault(), którą należy wywołać w dowolnym miejscu procedury obsługi zdarzenia.

Spróbujmy w praktyce. Załóżmy, że mamy taki link:

html<a href="/" id="elem">link</a>

Zróbmy tak, aby po kliknięciu linku nie nastąpiło przejście na inną stronę:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Nie możesz przejść przez ten link!');
});