Latest web development tutorials

HTML DOM removeEventListener () Método

Document Object Reference Document Object

Exemplos

Retirar o método addEventListener () para adicionar o evento "mousemove":

// Adicionar manipuladores de eventos no documento
document.addEventListener ( "mousemove", myFunction);

// Remove o manipulador de eventos documento
document.removeEventListener ( "mousemove", myFunction);

tente »

Definições e uso

Método document.removeEventListener () é usado para remover o document.addEventListener () método para adicionar manipuladores de eventos.

Nota: Se você deseja remover o manipulador de eventos, implementação da função addEventListener () deve usar uma função externa, como o exemplo mostrado (myFunction).

função anônima, semelhante ao "document.removeEventListener (" evento ", função () {} oMeuPrograma);" Este evento não pode ser removido.

Dica: Use elemento .addEventListener () e elemento .removeEventListener () método para adicionar ou remover os manipuladores evento elemento especificado.


Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar o número da versão do método.

caminho
removeEventListener () 1.0 9 1.0 1.0 7

Nota: Internet Explorer 8 e versões anteriores não suportam o método IE removeEventListener (), Opera 7.0 e versões anteriores não suportam Opera. No entanto, eles não suportam a função do navegador, você pode usar o método detachEvent () para remover o método attachEvent () para adicionar um manipulador de eventos (ver "Mais exemplos" para a solução cross-browser).


gramática

document.removeEventListener (evento, função, useCapture)

parâmetro Valor

parâmetros descrição
evento Obrigação. Para remover o nome do evento.

Nota: Não use o prefixo "on". Por exemplo, use "clique", em vez de "onclick".

Dica: Todos os eventos HTML DOM, você pode ver a nossa completa HTML DOM Evento Object Reference .
função Obrigação. Especificar a função a ser removido.
useCapture Opcional. valor booleano que especifica remover a fase de manipulador de eventos.

Valores possíveis:
  • true - manipulador de eventos é removido durante a fase de captura
  • falso-padrão. Remover o manipulador de eventos para a fase de borbulhamento
Nota: Se você adicionar um manipulador de eventos duas vezes, uma vez durante a fase de captura, uma vez que na fase de bolha, é necessário remover o evento.

detalhes técnicos

versão DOM: DOM Nível 2 eventos
retorna: Nenhum valor de retorno
Records: No Firefox 6 e Opera 12.0 em useCapture parâmetro é opcional. (No Chrome, IE e Safari sempre foi opcional).


mais exemplos

Exemplos

Se seu navegador não suporta o método removeEventListener (), você pode usar métodos detachEvent ().

Este exemplo demonstra a solução cross-browser:

if (document.removeEventListener) {// todos os navegadores exceto IE 8 e versões anteriores do IE
document.removeEventListener ( "mousemove", myFunction);
} Else if (document.detachEvent) {// IE 8 e versões anteriores do IE
document.detachEvent ( "onmousemove", minhaFuncao);
}

tente »


artigos relacionados

JavaScript tutorial: o HTML DOM EventListener A

JavaScript Manual de Referência: Elemento .removeEventListener ()


Document Object Reference Document Object