(Cabe señalar que Div debe colocarse frente a JS)
En términos generales, si un objeto DOM está vinculado al mismo evento, solo el último entrará en vigencia, por ejemplo:
La copia del código es la siguiente:
document.getElementById ("BTN"). OnClick = Method1;
document.getElementById ("BTN"). OnClick = Method2;
document.getElementById ("BTN"). OnClick = Method3;
Entonces solo el método3 entrará en vigencia.
Si se trata de una serie Mozilla, use AddEventListener para habilitar múltiples eventos que se implementen en orden, como:
La copia del código es la siguiente:
var btn1obj = document.getElementById ("btn1");
//element.addeventListener(type, oyente, useCapture);
btn1obj.addeventListener ("hacer clic", método1, falso);
btn1obj.addeventListener ("hacer clic", método2, falso);
btn1obj.addeventListener ("hacer clic", método3, falso);
La orden de ejecución es método1-> método2-> método3
Si se trata de una serie IE, AttachEvent puede permitir que se implementen múltiples eventos para: como:
La copia del código es la siguiente:
var btn1obj = document.getElementById ("btn1");
//object.attachevent(Event,function);
btn1obj.attachevent ("onClick", método1);
btn1obj.attachevent ("onClick", método2);
btn1obj.attachevent ("onClick", método3);
La orden de ejecución es método3-> método2-> método1
=================================================================================================
En Mozilla:
Cómo usar AddEventListener
Target.adDeventListener (tipo, oyente, useCapture);
objetivo: nodo de documento, documento, ventana o xmlhttprequest.
Tipo: cadena, nombre del evento, no contiene "encendido", como "hacer clic", "mouseover", "keydown", etc.
Oyente: implementa la interfaz EventListener o una función en JavaScript.
Usecapture: si usar captura, generalmente usar falso. Por ejemplo: document.getElementById ("testText"). AddEventListener ("Keydown", function (event) {alert (event.keyCode);}, falso);
En IE:
Target.attachevent (tipo, oyente);
objetivo: nodo de documento, documento, ventana o xmlhttprequest.
Tipo: cadena, nombre del evento, que contiene "On", como "OnClick", "OnMouseOver", "OnKeydown", etc.
Oyente: implementa la interfaz EventListener o una función en JavaScript. Por ejemplo: document.getElementById ("txt"). AdjectEvent ("onClick", function (event) {alert (event.keycode);});
W3C e IE también admiten la eliminación de eventos especificados. El propósito es eliminar eventos establecidos. Los formatos son los siguientes:
RemoVentListener (evento, función, captura/burbuja);
El formato de Windows es el siguiente:
DETACHEVENT (evento, función);
Evolución DOM2:
| Evento DOM 0 | Evento DOM 2 |
| onblur () | difuminar |
| Onfocus () | enfocar |
| Onchange () | cambiar |
| OnMouseOver () | ratón |
| OnMouseOut () | ratón |
| onmousemove () | mousemove |
| onmousedown () | mousadown |
| OnMouseUp () | ratón |
| onClick () | Hacer clic |
| onDblClick () | dblclick |
| onKeydown () | llave |
| OnKeyUp () | llave |
| OnKeyPress () | llave |
| onsubmit () | Entregar |
| Onload () | carga |
| OnUnload () | descargar |
El nuevo uso de DOM2 se puede observar mediante la función AddedEventListener ():
La copia del código es la siguiente:
addEventListener (evento, función, captura/burbuja);
El evento de parámetro se muestra en la tabla de arriba. La función es la función que se ejecutará. La captura y la burbuja son dos modos de tiempo formulados por W3C. En pocas palabras, la captura es leer la última línea desde el comienzo del documento y luego ejecutar el evento. Bubble primero encuentra la ubicación especificada y luego ejecuta el evento.
Los parámetros de captura/burbuja son valores booleanos, verdaderos medios para usar la captura y falsos medios para burbujear. Windows Internet Explorer también ha formulado un EventHandler, que es adjunteVent (), con el formato de la siguiente manera:
La copia del código es la siguiente:
window.attachevent ("enviar", myFunction ());
Lo que es más especial es que AttackEvent no necesita especificar los parámetros de captura/burbuja, porque en el entorno de Windows IE, se utiliza el modo de burbuja.
¿Cómo determinar qué tipo de escucha se admite? como:
La copia del código es la siguiente:
if (typeof window.addeventListener! = "Undefined") {
Window.AdDeventListener ("Load", rollover, falso);
} demás {
Window.attachevent ("Onload", Rollover)
}
La ventana de typeof anterior.AdDeventListener! = El código de programa "Undefined" puede determinar si el navegador del usuario admite el modelo de evento AddEventListener. Si no es compatible, se utilizará adjunta.
W3C e IE también admiten la eliminación de eventos especificados. El propósito es eliminar eventos establecidos. Los formatos son los siguientes:
Formato W3C:
RemoVentListener (evento, función, captura/burbuja);
El formato de Windows es el siguiente:
DETACHEVENT (evento, función);