¿Cuál es la diferencia de usar addEventListener?

Question

Cuál es la principal diferencia entre el uso de este ... de

document.addEventListener('mousedown', function() { 
    // code 
}, false); 

... y esto?

document.onmousedown = function() { 
    // code 
} 

Habrá algún resultado diferente o cualquier causa?

Answer 1

onclick es una propiedad, como el atributo onclick se puede colocar en HTML. Tiene el mejor soporte para navegadores, sin embargo, es primitivo, ya que al reasignarlo sobrescribe el primero (como cualquier propiedad de objeto).

addEventListener(), como su nombre lo indica, le permite registrar varias devoluciones de llamada para un elemento y tipo de evento. Esto le permite tener múltiples eventos mousedown para el mismo elemento. Antes de IE9, IE tenía su propio attachEvent() que es similar (debe especificar la parte on también con attachEvent()).