(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:
| DOM 0 Evento | Evento DOM 2 |
| onblur () | borrão |
| onfocus () | foco |
| onchange () | mudar |
| OnMouseOver () | mouseOver |
| onMouseOut () | MouseOut |
| OnMousEmove () | mousemove |
| OnMousedown () | Mousedown |
| onMouseUp () | MouseUp |
| OnClick () | Clique |
| ondblClick () | dblClick |
| onkeydown () | keydown |
| onkeyup () | keyUp |
| onKeyPress () | KeyPress |
| Onsubmit () | Enviar |
| OnLoad () | carregar |
| OnUnload () | descarregar |
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);