addEventListener не работает в IE8

Question

addEventListener не работает в IE8

Я создал флажок динамически. Я использовал addEventListener чтобы вызвать функцию по щелчку флажка, который работает в Google Chrome и Firefox, но не работает в Internet Explorer 8. Это мой код:

var _checkbox = document.createElement("input");

_checkbox.addEventListener("click", setCheckedValues, false);

setCheckedValues мой обработчик событий.

576 9

javascript internet-explorer-8 addeventlistener

9 ответов:

Comments

Ничего не найдено.

Sudhir Bastakoti · Accepted Answer · 2015-01-28 16:02:22

попробуй:
if (_checkbox.addEventListener) {
    _checkbox.addEventListener("click", setCheckedValues, false);
}
else {
    _checkbox.attachEvent("onclick", setCheckedValues);
}
обновление: Для версий Internet Explorer до IE9,attachEvent метод должен использоваться для регистрации указанного слушателя в EventTarget это называется, для других addEventListener должен быть использован.

Zeta · Accepted Answer · 2015-06-12 14:45:11

вы должны использовать 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

Sergey Onishchenko · Accepted Answer · 2013-02-09 23:14:03

Это также простое кроссбраузерное решение:
var addEvent =  window.attachEvent||window.addEventListener;
var event = window.attachEvent ? 'onclick' : 'click';
addEvent(event, function(){
    alert('Hello!')
});
вместо 'click' может быть любое событие, конечно.

Adriano Repetti · Accepted Answer · 2013-06-17 03:25:15

IE не поддерживает addEventListener до версии 9, так что вы должны использовать attachEvent вот пример:
if (!someElement.addEventListener) {
    _checkbox.attachEvent("onclick", setCheckedValues);
}
else {
    _checkbox.addEventListener("click", setCheckedValues, false);
}

Nicola Peluchetti · Accepted Answer · 2012-03-19 14:11:58

возможно, это проще (и имеет большую производительность), если вы делегируете обработку событий другому элементу, например вашей таблице
$('idOfYourTable').on("click", "input:checkbox", function(){

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

в противном случае использовать делегат()
$('idOfYourTable').delegate("input:checkbox", "click", function(){

});

Anon · Accepted Answer · 2014-07-03 21:28:20

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

Campbeln · Accepted Answer · 2015-01-06 02:22:17

Я выбрал быстрое заполнение на основе приведенных выше ответов:
//# Polyfill
window.addEventListener = window.addEventListener || function (e, f) { window.attachEvent('on' + e, f); };

//# Standard usage
window.addEventListener("message", function(){ /*...*/ }, false);
конечно, как и ответы выше, это не гарантирует, что window.attachEvent существует, что может быть или не быть проблемой.

philipp · Accepted Answer · 2012-03-19 14:10:47

Если вы используете jQuery, вы можете написать:
$( _checkbox ).click( function( e ){ /*process event here*/ } )

Pramod Kumar · Accepted Answer · 2017-04-06 10:48:39

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