addEventListener nie działa w IE8

Question

Utworzono pole wyboru dynamicznie. Użyłem addEventListener do wywołania funkcji po kliknięciu pola wyboru, które działa w przeglądarce Google Chrome i Firefox, ale nie działa w przeglądarce Internet Explorer 8. To jest mój kod:

var _checkbox = document.createElement("input"); 
_checkbox.addEventListener("click", setCheckedValues, false); 

setCheckedValues to mój program obsługi zdarzeń.

Answer 1

Spróbuj:

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

Aktualizacja :: Dla wersji Internet Explorer przed IE9, attachEvent metoda powinna być stosowana do rejestracji określonego słuchacza do EventTarget to nazywa się on, dla innych addEventListener powinny być stosowane.

Answer 2

Musisz użyć wersji attachEvent w wersjach IE przed IE9. Wykryć, czy addEventListener jest zdefiniowany i używać attachEvent jeśli to nie jest:

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

Zauważ, że IE11 will remove attachEvent.

Zobacz także:

• MDN: element.addEventListener: Legacy Internet Explorer and attachEvent
• MSDN: attachEvent method

Answer 3

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

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

Answer 4

mayb łatwiej (i ma większą wydajność) jeśli zlecić obsługi zdarzeń do innego elementu, na przykład tabeli

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

}); 

w ten sposób będziesz miał tylko jedną obsługi zdarzeń, a to będzie działać również dla nowo dodanych elementów. To wymaga jQuery> = 1,7

inny sposób wykorzystywać delegata()

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

}); 

Answer 5

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

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

Answer 6

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

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

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

Answer 7

Można użyć funkcji poniżej addEvent(), aby dodać zdarzenia do większości rzeczy, ale należy pamiętać, że dla XMLHttpRequest if (el.attachEvent) zawiedzie w IE8, ponieważ nie obsługuje XMLHttpRequest.attachEvent() więc trzeba użyć XMLHttpRequest.onload = function() {} zamiast.

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) { 
} 

Answer 8

ja zdecydowaliśmy 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, jak to powyżej odpowiedzi nie gwarantuje, że window.attachEvent istnieje, które mogą lub nie mogą być problem.

Answer 9

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