metodo di evento preventDefault()

Eventi DOM Oggetto Evento

definizione e uso

Se l'evento è cancellabile, il metodo preventDefault() annulla l'evento, il che significa che l'azione predefinita dell'evento non si verificherà.

è utile in casi come:

  • clicca sul pulsante "invia" per prevenire il submit del modulo
  • clicca sul link per prevenire il seguente URL

nota:Non tutti gli eventi possono essere cancellati. Utilizza proprietà cancelable per determinare se un evento è cancellabile.

nota:Il metodo preventDefault() non blocca la propagazione dell'evento attraverso il DOM. Utilizza il metodo stopPropagation() per risolvere questo problema.

esempio

esempio 1

prevenire l'apertura dell'URL del link:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

prova personalmente

esempio 2

prevenire l'azione predefinita del casella di controllo:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

prova personalmente

sintassi

event.preventDefault()

Parametri

Nessuno.

Dettagli tecnici

Valore di ritorno: Nessun valore di ritorno.
Versione DOM: DOM Level 2 Events

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente il metodo.

Metodi Chrome IE Firefox Safari Opera
preventDefault() Supporto 9.0 Supporto Supporto Supporto
Eventi DOM Oggetto Evento