Objekt unterstützt keine Eigenschaft oder Methode 'addEventListener'

Ich erhalte eine Fehlermeldung, IE 8-7 sagen, dass Objekt unterstützt keine Eigenschaft oder Methode 'addEventListener', wenn ich den folgenden code. Weiß jemand, wie ich den code unten kompatibel mit IE8-7? Dank

 document.getElementById('clear').addEventListener('click', function () {
  ["A1","A2","A3","A4","A5","A6", "A1_flip", 

  ].forEach(function(id) {
    document.getElementById(id).checked = false;
  });
  return false;
})
  • Sie haben tagged Ihre Frage, jQuery, aber Sie sind nicht mit jeder jQuery in Frage. Dieses Problem ist eines der Dinge, die Menschen verwenden jQuery für die.
  • welche Art von element diese id haben? Sie tagged Sie Frage, wie HTML sollten Sie teilen Sie Ihre html-code auch
  • Bitte achten tag richtig. Diese Frage hat nichts zu tun mit diesen tags: css3, Funktion, frontend oder html. Es nicht zu tun haben mit javascript.
InformationsquelleAutor user7293417 | 2017-04-12
  1. 1

    Weil Sie nicht unterstützen addEventListener. Sehen auf diese Frage Antworten für details.

    Aber da du gesagt hast du bist mit jQuery, können Sie...jQuery verwenden, um zu bekommen, um dieses Problem:

    $('#clear').on('click', function () {
  ["A1","A2","A3","A4","A5","A6", "A1_flip"
  ].forEach(function(id) {
    $("#" + id).prop("checked", false);
  });
  return false;
});

    oder tatsächlich, wir können ein bisschen mehr direkt:

    $('#clear').on('click', function () {
  $("#" + ["A1","A2","A3","A4","A5","A6", "A1_flip"].join(", #")).prop("checked", false);
  return false;
});

    ...das funktioniert durch das erstellen einer Selektor-string aus dem array.

    Ich merkte, ich gehe davon aus, dass der array-Inhalt variieren. Wenn Sie das nicht tun, wenn Sie buchstäblich wollen nur diejenigen, die bestimmte Elemente:

    $('#clear').on('click', function () {
  $("#A1, #A2, #A3, #A4, #A5, #A6, #A1_flip").prop("checked", false);
  return false;
});

    ...oder noch besser, Ihnen eine gemeinsame class und verwenden

    $('#clear').on('click', function () {
  $(".the-class").prop("checked", false);
  return false;
});

    Wenn Sie nicht Verwendung der jQuery-und nur falsch getaggt, finden Sie in der verlinkten Frage oben. Eine der Antworten, es ist mir, Bereitstellung einer hookEvent Funktion, die sich mit cross-browser event-handling:

    var hookEvent = (function() {
    var div;

    //The function we use on standard-compliant browsers
    function standardHookEvent(element, eventName, handler) {
        element.addEventListener(eventName, handler, false);
        return element;
    }

    //The function we use on browsers with the previous Microsoft-specific mechanism
    function oldIEHookEvent(element, eventName, handler) {
        element.attachEvent("on" + eventName, function(e) {
            e = e || window.event;
            e.preventDefault = oldIEPreventDefault;
            e.stopPropagation = oldIEStopPropagation;
            handler.call(element, e);
        });
        return element;
    }

    //Polyfill for preventDefault on old IE
    function oldIEPreventDefault() {
        this.returnValue = false;
    }

    //Polyfill for stopPropagation on old IE
    function oldIEStopPropagation() {
        this.cancelBubble = true;
    }

    //Return the appropriate function; we don't rely on document.body
    //here just in case someone wants to use this within the head
    div = document.createElement('div');
    if (div.addEventListener) {
        div = undefined;
        return standardHookEvent;
    }
    if (div.attachEvent) {
        div = undefined;
        return oldIEHookEvent;
    }
    throw "Neither modern event mechanism (addEventListener nor attachEvent) is supported by this browser.";
})();

    Dann:

    hookEvent(document.getElementById('clear'), 'click', function(e) {
  ["A1","A2","A3","A4","A5","A6", "A1_flip"
  ].forEach(function(id) {
    document.getElementById(id).prop("checked", false);
  });
  e.preventDefault();
});
    • Danke, das jQuery-code. Der code, der mir erlaubt, führen Sie die Seite auf IE8. Jedoch, funktioniert alles, außer die folgenden "Objekt unterstützt keine Eigenschaft oder Methode "forEach" in IE8. Gibt es einen anderen code den ich verwenden kann, statt .forEach? Vielen Dank für Ihre Zeit und Erklärung, war sehr hilfreich.
    • Ah, die gute alte IE8, die bisher noch nicht Weg noch. 🙂 Siehe diese Frage Antworten für alle Möglichkeiten können Sie eine Schleife durch ein array. 🙂 Aber, siehe auch updates im jQuery-Teil der Antwort oben, vermeiden Sie die Schleife durch das array im code ganz -- und möglicherweise sogar vermeiden, dass das array vollständig. Genießen Sie! 🙂
    • Danke, aber ich bin ein bisschen verwirrt. Ich habe versucht, mit $.jede(e,function(id){ $("#" + id).prop("checked", false); } Der Effekt, den ich durchgeführt clearing-Checkboxen. Könnte es nicht klar, mit diesem code, es sei denn, ich füge ein forEach. Aber In der Beispiel-link, bin ich wohl zu verwenden für-in, oder ein iterator explizit ? Ich entschuldige mich für Fragen, eine fülle Menge von Fragen/mein Missverständnis. Vielen Dank für Ihre Zeit.
    • Hast du die updates auf die Antwort zu sagen Sie nicht brauchen, um eine Schleife überhaupt?
    InformationsquelleAutor T.J. Crowder
  2. 1

    Unterstützung für addEventListener() - Funktion ist nicht verfügbar in älteren Versionen von Internet Explorer (also 7-8), so dass Sie nicht in der Lage sein, es zu benutzen über die Browser die Sie versuchen, zum Ziel.

    Könnten Sie überlegen, ob die Verkabelung dieses mit jQuery () Funktion, vorausgesetzt, Sie verwenden eine version von jQuery, das mit dem Ziel entwickelt, ältere Browser, wie es im Allgemeinen über die notwendigen fallbacks zu unterstützen.

    $('#clear').on('click', function () {
   var elements = ["A1","A2","A3","A4","A5","A6", "A1_flip"];
   elements.forEach(function(id) {
         $("#" + id).prop("checked", false);
   });
   return false;
})
    • IE9+ haben addEventListener wenn Sie nicht in (in -) Kompatibilität-Modus.
    • Danke T. J. ging ich von einer schnellen "caniuse" Referenz-und es versäumt zu haben, alles außer dem IE 11 in der es aufgeführt. Ich habe aktualisiert die Antwort ein wenig genauer in diesen Bereichen.
    • Sie müssen klicken Sie auf "Alle Anzeigen" auf caniuse, um zu sehen, veralteten Browser.
    • Vielen Dank für Ihre Zeit, und die code-Erklärung. Dies war sehr hilfreich. Alles hat gut funktioniert. Ich bin nur mit einem Problem im IE 8 sagt-Objekte nicht unterstützt Eigenschaft oder Methode "forEach" ich kann haben, zu ersetzen 'forEach' mit einem anderen code.
    • Richtig, die Array.forEach() Funktion nicht unterstützt, bis IE 9.
    InformationsquelleAutor Rion Williams
  3. 0

    Wenn Sie wollen eine bessere Kompatibilität zu veralteten Browsern plus nicht wirklich alle neuen Funktionen von jQuery benötigt werden. Sie überlegen, wechseln Sie einfach auf jQuery 1.1. X(derzeit 1.12). Es wird sparen Sie viel Zeit, von der Handhabung kompatibel Fragen.

    ref: jQuery - Browser-Unterstützung

    InformationsquelleAutor 蕭為元
Schreibe einen Kommentar