Gli ultimi tutorial di sviluppo web
 

preventDefault () metodo di evento

<Oggetto evento

Esempio

Impedire un link di aprire l'URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
});
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

Il preventDefault() metodo annulla l'evento se è cancellabile, il che significa che non si verificherà l'azione predefinita che appartiene all'evento.

Per esempio, questo può essere utile quando:

  • Facendo clic su un "Submit" pulsante, evitare che la presentazione di una forma
  • Cliccando su un link, evitare che il collegamento dal seguente URL

Nota: non tutti gli eventi sono cancellabili. Utilizzare la annullabile proprietà per scoprire se un evento è annullabile.

Nota: Il preventDefault() metodo non impedisce ulteriore propagazione di un evento attraverso il DOM. Utilizzare la stopPropagation() metodo per gestire questa situazione.


Supporto browser

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

Metodo
preventDefault() 9.0

Sintassi

event .preventDefault()

parametri

Nessuna

Dettagli tecnici

Valore di ritorno: Nessun valore di ritorno
DOM Versione: Livello DOM 2 Eventi

Esempi

Altri esempi

Esempio

Impedire l'azione di default di una casella di controllo:

document.getElementById("myCheckbox").addEventListener("click", function(event){
    event.preventDefault()
});
Prova tu stesso "

<Oggetto evento