preventDefault() Metodo dell'evento
Esempio
Impedire a un collegamento di aprire l'URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il metodo preventDefault() annulla l'evento se è annullabile, il che significa che l'azione predefinita che appartiene all'evento non si verificherà.
Ad esempio, questo può essere utile quando:
- Cliccando su un pulsante "Invia", impedisci di inviare un modulo
- Facendo clic su un collegamento, impedisci al collegamento di seguire l'URL
Nota: non tutti gli eventi sono cancellabili. Usa la proprietà cancellabile per scoprire se un evento è cancellabile.
Nota: il metodo preventDefault() non impedisce l'ulteriore propagazione di un evento tramite il DOM. Utilizzare il metodo stopPropagation() per gestire questo.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Sintassi
event.preventDefault()
Parametri
Nessuno |
Dettagli tecnici
Valore di ritorno: | Nessun valore di ritorno |
---|---|
Versione DOM: | Eventi DOM di livello 2 |
Altri esempi
Esempio
Impedisci l'azione predefinita di una casella di controllo:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});