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
event.preventDefault();
Przykład
Sprawmy, aby po kliknięciu linku nie następowało przejście na inną stronę:
<a href="/" id="elem">link</a>
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
alert('nie możesz przejść przez ten link!');
});
:
Zobacz też
-
metoda
addEventListener,
która wiąże zdarzenia -
metoda
removeEventListener,
która odwiązuje zdarzenia
