Método HTML DOM removeEventListener()
❮ O Objeto ElementoExemplo
Remova um evento "mousemove" que foi anexado com o método addEventListener():
// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);
// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
Definição e uso
O método removeEventListener() remove um manipulador de eventos que foi anexado com o método addEventListener() .
Nota: Para remover manipuladores de eventos, a função especificada com o método addEventListener() deve ser uma função externa, como no exemplo acima (myFunction).
Funções anônimas, como " element .removeEventListener(" event ", function(){ myScript });" não funciona.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao método.
| Method | |||||
|---|---|---|---|---|---|
| removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
Sintaxe
element.removeEventListener(event, function, useCapture)
Valores de parâmetro
| Parameter | Description |
|---|---|
| event | Required. A String that specifies the name of the event to remove. Note: Do not use the "on" prefix. For example, use "click" instead of "onclick". Tip: For a list of all HTML DOM events, look at our complete HTML DOM Event Object Reference. |
| function | Required. Specifies the function to remove. |
| useCapture |
Optional. A Boolean value that specifies the event phase
to remove the event handler from. Possible values:
|
Detalhes técnicos
| Versão DOM: | Eventos DOM Nível 2 |
|---|---|
| Valor de retorno: | Sem valor de retorno |
| Registro de alterações: | O parâmetro useCapture tornou-se opcional no Firefox 6 e Opera 12.0 (sempre foi opcional para Chrome, IE e Safari) |
Mais exemplos
Exemplo
Para navegadores que não suportam o método removeEventListener(), você pode usar o método detachEvent().
Este exemplo demonstra uma solução entre navegadores:
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);
}
Páginas relacionadas
Tutorial JavaScript: HTML DOM EventListener
Referência JavaScript: document.removeEventListener()
❮ O Objeto Elemento