Il metodo event.preventDefault
Il metodo event.preventDefault permette
di annullare le azioni predefinite del browser.
Ad esempio, fare in modo che cliccando su un
link non avvenga il passaggio a un'altra pagina
o che premendo un pulsante un modulo non venga inviato
al server. Come usarlo: semplicemente all'interno della funzione,
che è associata all'evento, in qualsiasi punto
bisogna chiamare event.preventDefault(),
dove event - è l'oggetto Event.
Sintassi
event.preventDefault();
Esempio
Facciamo in modo che cliccando su un link non avvenga il passaggio a un'altra pagina:
<a href="/" id="elem">link</a>
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
alert('non puoi seguire questo link!');
});
:
Vedi anche
-
il metodo
addEventListener,
che associa gli eventi -
il metodo
removeEventListener,
che dissocia gli eventi
