Metoda event.preventDefault

Metoda event.preventDefault pozwala anulować domyślne działania przeglądarki. Na przykład, sprawić, aby po kliknięciu linku nie nastąpiło przejście na inną stronę lub po naciśnięciu przycisku formularz nie został wysłany na serwer. Jak używać: po prostu wewnątrz funkcji, która jest powiązana ze zdarzeniem, w dowolnym miejscu należy wywołać event.preventDefault(), gdzie event - to obiekt Event.

Składnia

javascriptevent.preventDefault();

Przykład

Sprawmy, aby po kliknięciu linku nie następowało przejście na inną stronę:

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

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

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

Результат:

Zobacz też