addEventListener funktioniert nicht in IE8

Habe ich eine checkbox dynamisch. Ich habe verwendet addEventListener eine Funktion aufzurufen, klicken Sie auf die Kontrollkästchen, die funktioniert auch in Google Chrome und Firefox aber funktioniert nicht im Internet Explorer 8. Das ist mein code:

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

setCheckedValues ist mein event-handler.

InformationsquelleAutor der Frage ravi404 | 2012-03-19

  1. 211

    Versuchen:

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

    Update::
    Für Internet Explorer-Versionen vor IE9, attachEvent Methode sollte verwendet werden, zu registrieren, die angegebenen listener der EventTarget es heißt, für andere addEventListener verwendet werden soll.

    InformationsquelleAutor der Antwort Sudhir Bastakoti

  2. 43

    Verwenden Sie attachEvent im IE-Versionen vor IE9. Erkennen, ob addEventListener definiert ist und verwenden attachEvent wenn es nicht ist:

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

    Beachten Sie, dass IE11 entfernen attachEvent.

    Siehe auch:

    InformationsquelleAutor der Antwort Zeta

  3. 13

    Dies ist auch einfach crossbrowser Lösung:

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

    Statt 'Klick' werden können, jedem Fall natürlich.

    InformationsquelleAutor der Antwort Sergey Onishchenko

  4. 3

    IE nicht unterstützt addEventListener bis version 9, so dass Sie attachEventhier ein Beispiel:

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

    InformationsquelleAutor der Antwort Adriano Repetti

  5. 2

    Mayb es ist einfacher (und hat mehr Leistung), wenn Sie delegieren das event-handling auf ein anderes element, zum Beispiel Ihren Tisch

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

});

    in dieser Weise haben Sie nur einen event-handler, und dieser wird die Arbeit auch für neu hinzugefügte Elemente. Dies erfordert jQuery >= 1.7

    Anderweitig zu verwenden delegate()

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

});

    InformationsquelleAutor der Antwort Nicola Peluchetti

  6. 2

    Können Sie die unten addEvent () - Funktion zum hinzufügen von Ereignissen, die für die meisten Dinge, aber beachten Sie, dass für XMLHttpRequest if (el.attachEvent) wird nicht in IE8, weil es nicht unterstützen XMLHttpRequest.attachEvent() so dass Sie XMLHttpRequest.onload = function() {} statt.

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

    InformationsquelleAutor der Antwort Anon

  7. 2

    Ich habe entschieden für eine schnelle Polyfill basierend auf den obigen Antworten:

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

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

    Natürlich, wie die Antworten oben nicht sicher, dass window.attachEvent vorhanden ist, die möglicherweise oder möglicherweise nicht ein Problem sein.

    InformationsquelleAutor der Antwort Campbeln

  8. 0

    Wenn Sie jQuery verwenden, können Sie schreiben:

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

    InformationsquelleAutor der Antwort philipp

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

    InformationsquelleAutor der Antwort Pramod Kumar

Schreibe einen Kommentar