Exemplo de uso de uso de addEventListener

(Deve -se notar que a div deve ser colocada na frente de JS)

De um modo geral, se um objeto DOM estiver vinculado ao mesmo evento, apenas o último entrará em vigor, por exemplo:

A cópia do código é a seguinte:

document.getElementById ("btn"). OnClick = Method1;

document.getElementById ("btn"). OnClick = Method2;

document.getElementById ("btn"). OnClick = Method3;

Então apenas o método3 terá efeito.

Se for uma série Mozilla, use AddEventListener para permitir que vários eventos sejam implementados em ordem, como:

A cópia do código é a seguinte:

var btn1obj = document.getElementById ("btn1");

//element.addeventListener(Type, ouvinte, usecapture);

btn1obj.addeventListener ("clique", método1, false);

btn1obj.addeventListener ("clique", método2, false);

btn1obj.addeventListener ("clique", método3, false);

A ordem de execução é método1-> método2-> método3

Se for uma série do IE, a AnextEvent pode permitir que vários eventos sejam implementados em ordem, como:

A cópia do código é a seguinte:

var btn1obj = document.getElementById ("btn1");

//Object.attachevent(Event,Function);

btn1obj.attachevent ("OnClick", método1);

btn1obj.attachevent ("OnClick", método2);

btn1obj.attachevent ("OnClick", método3);

A ordem de execução é método3-> método2-> método1

================================================================================

Em Mozilla:

Como usar addEventListener

Target.AddeventListener (tipo, ouvinte, USECAPTURA);

Target: Nó de documento, documento, janela ou xmlhttPrequest.

Tipo: string, nome do evento, não contém "on", como "clique", "mouseover", "keydown", etc.

Lista: implementa a interface EventListener ou uma função no JavaScript.

UsoCapture: Se você deve usar a captura, geralmente usa FALS. Por exemplo: document.getElementById ("testText"). AddEventListener ("keydown", function (event) {alert (event.keycode);}, false);

No IE:

Target.attachevent (tipo, ouvinte);

Target: Nó de documento, documento, janela ou xmlhttPrequest.

Tipo: string, nome do evento, contendo "on", como "OnClick", "OnMouseOver", "OnkeyDown", etc.

Lista: implementa a interface EventListener ou uma função no JavaScript. Por exemplo: document.getElementById ("txt"). APTYCEEVENT ("ONCLICK", function (event) {alert (event.keycode);});

W3C e IE também suportam a remoção de eventos especificados. O objetivo é remover eventos definidos. Os formatos são os seguintes:

removerventlistener (evento, função, captura/bolha);

O formato do Windows, ou seja, é o seguinte:

destacar (evento, função);

DOM2 Evolução:

O novo uso do DOM2 pode ser observado adicionando a funçãoEventListener ():

A cópia do código é a seguinte:

addEventListener (evento, função, captura/bolha);

O evento de parâmetro é mostrado na tabela acima. Função é a função a ser executada. Captura e bolha são dois modos de tempo formulados pelo W3C. Simplificando, a captura é ler a última linha desde o início do documento e executar o evento. Bubble primeiro encontra o local especificado e depois executa o evento.

Os parâmetros de captura/bolha são valores booleanos, verdadeiros meios para usar a captura e os meios falsos para borbulhar. O Windows Internet Explorer também formulou um EventHandler, que é anexado (), com o formato da seguinte maneira:

A cópia do código é a seguinte:

window.attachevent ("submeter", myfunction ());

O mais especial é que o AnextEvent não precisa especificar os parâmetros de captura/bolha, porque no ambiente do Windows, ou seja, o modo de bolha é usado.

Como determinar qual tipo de escuta é suportado? como:

A cópia do código é a seguinte:

if (typeof window.addeventListener! = "indefinido") {

window.adDeventListener ("Load", Rollover, False);

} outro {

window.attachevent ("Onload", rollover)

}

O código do programa acima do tipoof.AddeventListener! = "Indefinido" pode determinar se o navegador do usuário suporta o modelo de evento AddEventListener. Se não for suportado, o anexo será usado.

W3C e IE também suportam a remoção de eventos especificados. O objetivo é remover eventos definidos. Os formatos são os seguintes:

Formato W3C:

removerventlistener (evento, função, captura/bolha);

O formato do Windows, ou seja, é o seguinte:

destacar (evento, função);