HTML DOM removeEventListener() Method

Ejemplo

Retirar un "mousemove" evento que se ha unido con el addEventListener() método:

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

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

Inténtalo tú mismo "

Definición y Uso

El removeEventListener() método elimina un controlador de eventos que se ha unido con el addEventListener() método.

Nota: Para eliminar los controladores de eventos, la función especificada con el addEventListener() método debe ser una función externa, como en el ejemplo anterior (myFunction) .

Las funciones anónimas, como "elemento. removeEventListener(" event ", function() {} myScript);" no trabajará.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Método
removeEventListener()	1.0	9.0	1.0	1.0	7.0

Sintaxis

element .removeEventListener( event , function , useCapture )

Los valores de los parámetros

Parámetro	Descripción
event	Necesario. Una cadena que especifica el nombre del evento de eliminar. Nota: No utilice el "on" prefijo. Por ejemplo, utilice "click" en lugar de "onclick" . Consejo: Para obtener una lista de todos los eventos DOM HTML, visita nuestra completa HTML DOM evento de referencia del objeto .
function	Necesario. Especifica la función de eliminar.
useCapture	Opcional. Un valor booleano que especifica la fase del evento para eliminar el controlador de eventos de. Valores posibles: verdad - Elimina el controlador de eventos de la fase de captura Por defecto falsos. Elimina el controlador de eventos de la fase de propagación Nota: Si el controlador de eventos se adjuntó dos veces, una con la captura y uno de burbujeo, cada uno debe ser eliminado por separado.

Detalles técnicos

DOM Versión:	DOM nivel 2 eventos
Valor de retorno:	Sin valor de retorno
cambios:	El parámetro useCapture se hizo opcional en Firefox 6 y Opera 12.0 (has always been optional for Chrome, IE and Safari)

Más ejemplos

Ejemplo

Para los navegadores que no soporten el removeEventListener() método, se puede utilizar el detachEvent() método.

Este ejemplo demuestra una solución multi-navegador:

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);
}

Inténtalo tú mismo "