La diferencia entre los eventos addEventListener y adjuntoEvent

Agregue múltiples controladores de eventos al mismo elemento

El método addEventListener() le permite agregar múltiples eventos al mismo elemento sin sobrescribir los existentes:

element.addEventListener("click", function);
element.addEventListener("click", function);
element.addEventListener("mouseover", function);
element.addEventListener("click", function);
element.addEventListener("mouseout", function);

ie8

element.attachEvent(event, function);

Solución para varios navegadores:

var x = document.getElementById("Btn");
if (x.addEventListener) {                    // 针对主流浏览器，除了 IE 8 及更正版本
    x.addEventListener("click", function);
} else if (x.attachEvent) {                  // 针对 IE 8 及更早版本
    x.attachEvent("onclick", function);
} 

Cuando adjuntoEvent() vincula múltiples eventos, se activa en el orden inverso de addEventListener()

addEventListener ejecuta lo anterior primero y adjuntoEvent ejecuta lo siguiente primero

eliminar evento

removeEventListener tiene el mismo efecto, deachEvent() también puede eliminar el evento agregado por adjuntoEvent():