• AddeventListener tiene 3 parámetros, como se muestra a continuación:
element.addeventListener (tipo, oyente, useCapture);
| parámetro | Descripción del parámetro |
|---|---|
| elemento | El objeto para unir el evento y el nodo HTML. |
| tipo | Para el nombre del evento, elimine el "ON" antes del evento. Por ejemplo, "OnClick" debe escribirse como "Click", y "On Mouseover" debe escribirse como "Mouseover". |
| oyente | Para vincular la función de escucha del evento, tenga cuidado de escribir solo el nombre de la función y no incluya soportes. |
| usercaptre | El método de monitoreo de eventos solo puede ser verdadero y falso: verdadero, adoptando el modo de captura; Falso, adoptando el modo de burbuja. Si no hay requisitos especiales, generalmente es falso. |
Aquí es necesario hablar sobre la diferencia entre el modo de captura y el modo de burbuja.
Como se muestra en la figura, hay dos capas de elementos DIV, y ambos establecen eventos de clic. En términos generales, si hago clic en el elemento azul interno, no solo activará el evento de clic del elemento azul, sino que también activará el evento de clic del elemento rojo al mismo tiempo. El parámetro USECapture es controlar el orden de los dos eventos de clic en este momento. Si es falso, se usará el modo de burbuja. Es un proceso desde adentro hacia afuera, por lo que el evento de clic del elemento azul se ejecutará primero y luego el evento de clic del elemento rojo. Si es cierto, es el modo de captura. En contraste con el modo de burbuja, es desde el exterior hasta el interior. El evento de clic del elemento rojo se ejecutará primero antes de que se ejecutará el evento de clic del elemento azul.
Si el USECapture utilizado por elementos de diferentes capas es diferente, el elemento objetivo primero buscará eventos establecidos para capturar el modo desde el elemento más externo. Después de alcanzar el elemento de destino para ejecutar el evento del elemento de destino, luego busque eventos establecidos en el modo de burbujas.
• AttachEvent tiene 2 parámetros, como se muestra a continuación:
element.attachevent (tipo, oyente);
| parámetro | Descripción del parámetro |
|---|---|
| elemento | El objeto para unir el evento y el nodo HTML. |
| tipo | Para el nombre del evento, agregue "en" antes del evento, como "OnClick" y "OnMouseOver", que es la diferencia de AddEventListener. |
| oyente | Para vincular la función de escucha del evento, tenga cuidado de escribir solo el nombre de la función y no incluya soportes. |
AddEventListener () es un método estándar para unir la función de escucha de eventos, que es compatible con W3C. Chrome, Firefox, Opera, Safari, IE9.0 y, sobre todo, admiten esta función; Sin embargo, IE8.0 y a continuación no admiten este método, utiliza AdjunteVent () para vincular la función de escucha de eventos. Por lo tanto, este método de evento vinculante debe tratar los problemas de compatibilidad del navegador.
Código compatible con IE y Evento de navegador que no es IE Vínculos:
function addEvent (obj, type, mango) {try {// Chrome, Firefox, Opera, Safari, IE9.0 y las versiones anteriores obj.addeventListener (tipo, manejo, falso); } catch (e) {try {// ie8.0 y por debajo de las versiones obj.attachevent ('on' + type, handy); } capt (e) {// navegador temprano obj ['on' + type] = manejo; }}}o
function regent (ele, event_name, diversión) {if (window.attachevent) ele.attachevent (event_name, diversión); // es decir, navegador else {event_name = event_name.replace (/^on/, ""); // Si está al inicio, elimine, como onClick-> haga clic en ele.addeventListener (event_name, diversión, falso); // navegador no IE}}El artículo anterior habla brevemente sobre la diferencia entre AddEventListener y AdjunteVent es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.