cómo addEventListener influye en la propiedad onclick del elemento DOM?

Question

element.onclick = function() { alert(1); } 

alert(element.onclick); 

El código anterior salida función() {alert (1); }

Luego continuar ejecutando el siguiente código:

element.addEventListener('click', function() { alert(2); }, false); 
alert(element.onclick); 

La salida sigue siendo función() {alert (1); }

De hecho cuando se hace clic en el elemento de ahora, el código addEventListener ('click', function() {alert (2);}, false); obras, significa que la nueva función alerta (2) ha escrito en el onclick propiedad de este elemento . Pero, ¿por qué la producción sigue sin cambios?

Por lo tanto, lo que yo quiero saber es cuando se ejecuta addEventListener, cómo el onclick propiedad cambió?

Estamos ansiosos por su respuesta.

Answer 1

OnClick es una propiedad DOM Nivel 0. AddEventListener es parte de la definición DOM Nivel 2. Agregar un controlador de eventos mediante el método AddEventListener no cambia la propiedad OnClick en el elemento, sino que agrega el detector a una colección de detectores de eventos en el elemento. Puede encontrar más información sobre los eventos de Nivel 2 de DOM en http://www.w3.org/TR/DOM-Level-2-Events/events.html. También hay un buen artículo al http://en.wikipedia.org/wiki/DOM_events.

Answer 2

Los atributos "onfoo" son independientes del sistema de gestión del controlador de eventos al que se accede a través de "addEventListener()". Lo mejor es usar uno u otro, no ambos, y la elección correcta es el más flexible y poco intrusivo "addEventListener()" (donde esté disponible).