HTML DOM removeEventListener() Method

Esempio

Rimuovere un "mousemove" evento che è stato attaccato con addEventListener() Metodo:

// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);

Prova tu stesso "

Definizione e l'utilizzo

Il removeEventListener() metodo rimuove un gestore di eventi che è stato allegato con addEventListener() metodo.

Nota: Per rimuovere i gestori di eventi, la funzione specificata con l' addEventListener() metodo deve essere una funzione esterna, come nell'esempio precedente (myFunction) .

Funzioni anonime, come "elemento. removeEventListener(" event ", function() {} myScript);" non funzionerà.

Supporto browser

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

Metodo
removeEventListener()	1.0	9.0	1.0	1.0	7.0

Sintassi

element .removeEventListener( event , function , useCapture )

valori dei parametri

Parametro	Descrizione
event	Necessario. Una stringa che specifica il nome dell'evento da rimuovere. Nota: Non utilizzare il "on" prefisso. Ad esempio, utilizzare "click" al posto di "onclick" . Suggerimento: per un elenco di tutti gli eventi HTML DOM, guarda la nostra completa HTML DOM oggetto evento di riferimento .
function	Necessario. Specifica la funzione per rimuovere.
useCapture	Opzionale. Un valore booleano che specifica la fase di evento per rimuovere il gestore di eventi da. Valori possibili: vero - Rimuove il gestore di eventi dalla fase di cattura Predefinito di falsi. Rimuove il gestore di eventi dalla fase di bubbling Nota: se il gestore di eventi è stato attaccato due volte, una con la cattura e uno spumeggiante, ognuno deve essere rimossa separatamente.

Dettagli tecnici

DOM Versione:	Livello 2 eventi DOM
Valore di ritorno:	Nessun valore di ritorno
changelog:	Il parametro useCapture è diventato opzionale in Firefox 6 e Opera 12.0 (has always been optional for Chrome, IE and Safari)

Altri esempi

Esempio

Per i browser che non supportano il removeEventListener() metodo, è possibile utilizzare la detachEvent() metodo.

Questo esempio dimostra una soluzione cross-browser:

var x = document.getElementById("myDIV");
if (x.removeEventListener) {                   // For all major browsers, except IE 8 and earlier
    x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) {                    // For IE 8 and earlier versions
    x.detachEvent("onmousemove", myFunction);
}

Prova tu stesso "