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

javascriptevent.preventDefault();

Esempio

Facciamo in modo che cliccando su un link non avvenga il passaggio a un'altra pagina:

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

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('non puoi seguire questo link!');
});

Результат:

Vedi anche