Sicher, universal, Weg, um addEventHandler in Javascript?

Bevor ich in die details von diesem problem, würde ich mag, um die situation klar. Unsere web-analytics-Unternehmen und arbeitet als Berater für große Websites, und (anders als das hinzufügen einer einzigen SCRIPT-tag) wir haben keine Kontrolle über die Seiten selbst.

Unserer bestehenden Skript installiert Handler mit "alten" Weg (eine schicke version von element.onclick = blabla; das führt gleichzeitig die original-handler), die keine Ahnung von "neuen" (addEventListener oder attachEvent) - Handler auf der Seite. Wir möchten dieses Problem zu beheben, um unser Skript ausführen können, auf mehrere Standorte, ohne dass da viel kundenspezifische Entwicklung.

Der erste Gedanke war hier, in unserem eigenen Skript, verwenden Sie die addEventListener/attachEvent, aber dies stellt ein problem: der client-Seite setzt einen handler mit dem "alten" Weg, es würde wischen Sie die handler installiert, der "neue" Weg. Quick-and-dirty-Tests zeigt dies geschieht sowohl IE7 und FF3, obwohl ich bisher nicht testen Sie die ganze Palette von Browsern. Auch besteht die Gefahr, dass, wenn wir die "neue" Art und Weise nach der Seite event-Handler bereits gesetzt sind, könnten wir löschen Sie Ihren Handler.

Also meine Frage ist: was sichere Methode kann ich verwenden, um fügen Sie einen event-handler in Javascript mit addEventListener/attachEvent das funktioniert unabhängig davon, wie andere event-Handler auf der Seite sind installiert?

Bitte denkt daran: wir haben keine Möglichkeit, eine änderung der Website, dass unser Skript installiert ist. (Ich muss betonen, dass, weil die Standard-Antwort auf Fragen wie diese, ist immer, "nur umschreiben der Seite, alles zu tun, die gleiche Weise.")

InformationsquelleAutor blakeyrat | 2008-10-21
  1. 5

    Können Sie versuchen, Ihren quick-and-dirty-Test wieder? Dies passiert aber nicht bei mir im FF3.

    elem.onclick = function() { alert("foo"); };
elem.addEventListener("click", function() { alert("bar"); }, false);

    Beide Handler Feuer für mich, wenn ich Sie auf das element.

    Ich vermute, du hast vergessen die final boolean-argument in addEventListener (ob die capture-phase). Ich bin auch vermute du hast vergessen, dass der IE ist attachEvent muss onclick, nicht click.

    • Und dies ist nicht ein problem in IE oder anderen Browsern, denn wenn das Verhalten "erraten", indem die person, die fragt, in Wirklichkeit war, würde dies dazu führen sever Probleme für alle client-seitigen code
    • Argh, Sie scheinen Recht zu sein. Entschuldigung für die Frage, offensichtlich der Fehler war ein beschissener test-Fall und nicht jede spezifische bugs im browser. (Mindestens IE7 und FF3.) Danke für den Hinweis mich in die richtige Richtung.
    InformationsquelleAutor savetheclocktower
  2. 1

    addEventListener/attachEvent ist sicher in einem gewissen Sinn Sie zu Fragen. Fügen Sie einen neuen event-handler, um einen Knoten zu verändern, ohne alle Handler, die zuvor Hinzugefügt, um es (auch nach der Zuweisung durch ein onxxx-Eigenschaft). Für ein Unternehmen, das bringen einige auf eine ausländische Seite mit addEventListener/attachEvent werden müssen, die nur in der Praxis. Zuweisen von onxxx-handler über die Eigenschaften in der Tat brechen würde-hosting-Seiten-Skipte (, die zuvor zugewiesen der gleichen Weise)

    • Ja, aber das problem hier ist, dass wenn die Seite dann nutzt element.onclick=""; nachdem wir verwendet haben, addEventListener, werde es löschen unsere Hörer. Unsere bestehenden Art der Installation-Handler arbeitet mit element.onclick="", denn wir speichern den bisherigen Inhalt des Hundeführers und 'simulieren' es, wenn uns auslöst.
    • lies meinen text nochmal - nur korrigiert. element.onclick wird in der Tat nicht löschen-Handler Hinzugefügt, die mit addEventListener/attachEvent Auch: "Simulation" von Ereignissen ist eines der schlechteren übel, bitte tun Sie das nicht.
    • Re: Simulieren von Ereignissen, müssen Sie daran denken, dass dies durchaus ein "Alter" (in Internet-Bedingungen) Produkt, und es gab einfach keinen anderen Weg, es zu tun, das war kompatibel mit IE 5 und 5.5.
    • Ich Wette, es gibt fast keinen funktionalen Unterschied zwischen IE5, IE5.5 und IE6 (in der Tat, in neueren Versionen neue features wie CSS-Ausdrücke oder HTC etc)
    InformationsquelleAutor Sergey Ilinsky
Schreibe einen Kommentar