JQuery addeventListener. объект не поддерживает это свойство или метод [duplicate]

Вы можете использовать следующую функцию addEvent () для добавления событий для большинства вещей, но обратите внимание, что для XMLHttpRequest if (el.attachEvent) не будет работать в IE8, потому что она не поддерживает XMLHttpRequest.attachEvent(), поэтому вам нужно использовать 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) {
}

Я выбрал быстрый Polyfill, основанный на приведенных выше ответах:

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

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

Конечно, как и ответы выше, это не гарантирует существование window.attachEvent, что может или не может быть проблемой.

Вы должны использовать attachEvent в версиях IE до IE9. Определите, определен ли addEventListener, и используйте attachEvent, если это не так:

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

Обратите внимание, что IE11 удалит attachEvent .

См. Также:

• MDN: element.addEventListener: устаревший Internet Explorer и attachEvent
• MSDN: attachEvent method

Mayb проще (и имеет большую производительность), если вы делегируете обработку события другому элементу, например вашей таблице

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

});

, таким образом у вас будет только один обработчик событий, и это будет работа также для вновь добавленных элементов. Для этого требуется jQuery> = 1.7

В противном случае используйте делегат ()

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

});

Если вы используете jQuery, вы можете написать:

$( _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
}

Это также простое решение для кроссбраузеров:

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

Вместо «щелчка» может быть любое событие, конечно.