addEventListener nie działa w IE8

Musisz użyć attachEvent w wersjach IE przed IE9. Wykryj, czy addEventListener jest zdefiniowane i użyj attachEvent, jeśli nie jest:

if(_checkbox.addEventListener)
    _checkbox.addEventListener("click",setCheckedValues,false);
else
    _checkbox.attachEvent("onclick",setCheckedValues);
//                         ^^ -- onclick, not click

Zauważ, że IE11 usunie attachEvent.

Zobacz też:

• MDN: element.addEventListener: starsze Internet Explorer i attachEvent
• MSDN: metoda attachEvent

Jest to również proste rozwiązanie crossbrowser:

var addEvent =  window.attachEvent||window.addEventListener;
var event = window.attachEvent ? 'onclick' : 'click';
addEvent(event, function(){
    alert('Hello!')
});

Zamiast "kliknięcia" może być oczywiście dowolne zdarzenie.

IE nie obsługuje addEventListener do wersji 9, więc musisz użyć attachEvent, Oto przykład:

if (!someElement.addEventListener) {
    _checkbox.attachEvent("onclick", setCheckedValues);
}
else {
    _checkbox.addEventListener("click", setCheckedValues, false);
}

Może być łatwiej (i ma większą wydajność), jeśli delegujesz obsługę zdarzeń do innego elementu, na przykład do Tabeli

$('idOfYourTable').on("click", "input:checkbox", function(){

});

W ten sposób będziesz miał tylko jedną obsługę zdarzeń, która będzie działać również dla nowo dodanych elementów. To wymaga jQuery >= 1.7

W przeciwnym razie użyj delegate ()

$('idOfYourTable').delegate("input:checkbox", "click", function(){

});

Możesz użyć poniższej funkcji addEvent (), aby dodać zdarzenia dla większości rzeczy, ale zauważ, że dla XMLHttpRequest if (el.attachEvent) nie powiedzie się w IE8, ponieważ nie obsługuje XMLHttpRequest.attachEvent(), więc musisz zamiast tego użyć XMLHttpRequest.onload = function() {}.

function addEvent(el, e, f) {
    if (el.attachEvent) {
        return el.attachEvent('on'+e, f);
    }
    else {
        return el.addEventListener(e, f, false);
    }
}

var ajax = new XMLHttpRequest();
ajax.onload = function(e) {
}

Zdecydowałem się na szybki Polyfill na podstawie powyższych odpowiedzi:

//# Polyfill
window.addEventListener = window.addEventListener || function (e, f) { window.attachEvent('on' + e, f); };

//# Standard usage
window.addEventListener("message", function(){ /*...*/ }, false);

Oczywiście, podobnie jak powyższe odpowiedzi, nie zapewnia to istnienia window.attachEvent, co może, ale nie musi być problemem.

Jeśli używasz jQuery możesz napisać:

$( _checkbox ).click( function( e ){ /*process event here*/ } )

if (document.addEventListener) {
    document.addEventListener("click", attachEvent, false);
}
else {
    document.attachEvent("onclick", attachEvent);
}
function attachEvent(ev) {
    var target = ev.target || ev.srcElement;
    // custom code
}