Beispielnutzung Beispiel für AddEventListener

(Es ist zu beachten, dass Div vor JS platziert werden muss)

Wenn ein DOM -Objekt an dasselbe Ereignis gebunden ist, wird im Allgemeinen nur der letzte wirksam, beispielsweise:

Die Codekopie lautet wie folgt:

document.getElementById ("btn"). onclick = method1;

document.getElementById ("btn"). onclick = method2;

document.getElementById ("btn"). onclick = method3;

Dann wird nur Method3 wirksam.

Wenn es sich um eine Mozilla -Serie handelt, verwenden Sie AddEventListener, um mehrere Ereignisse in der Reihenfolge zu ermöglichen, z. B.:

Die Codekopie lautet wie folgt:

var btn1obj = document.getElementById ("Btn1");

//element.addeventListener(Type, Hörer, usecapture);

btn1obj.addeventListener ("click", method1, false);

btn1obj.addeventListener ("click", method2, false);

btn1obj.addeventListener ("click", method3, false);

Ausführungsreihenfolge ist Methode1-> Methode2-> Methode3

Wenn es sich um eine IE -Serie handelt, kann AttachEvent mehrere Ereignisse in der Reihenfolge ermöglichen, z. B.:

Die Codekopie lautet wie folgt:

var btn1obj = document.getElementById ("Btn1");

//object.attachevent(Event,Function);

Btn1obj.attachevent ("Onclick", Method1);

Btn1obj.attachevent ("Onclick", Method2);

btn1obj.attachevent ("Onclick", method3);

Ausführungsreihenfolge ist Methode3-> Methode2-> Methode1

==============================================================================

In Mozilla:

So verwenden Sie AddEventListener

target.addeventListener (Typ, Hörer, usecapture);

Ziel: Dokumentknoten, Dokument, Fenster oder XMLHTTPrequest.

Typ: String, Ereignisname, enthält nicht "on", z. B. "Klicken", "Mausover", "Keydown", usw.

Hörer: Implementiert die EventListener -Schnittstelle oder eine Funktion in JavaScript.

Usecapture: Ob Sie die Erfassung verwenden möchten, verwenden Sie im Allgemeinen false. Zum Beispiel: Document.GetElementById ("testText"). AddEventListener ("Keydown", Funktion (Ereignis) {alert (Ereignis.KeyCode);}, false);

In IE:

target.attachevent (Typ, Hörer);

Ziel: Dokumentknoten, Dokument, Fenster oder XMLHTTPrequest.

Typ: String, Ereignisname, enthält "on", wie "Onclick", "Onmouseover", "Onkeydown" usw.

Hörer: Implementiert die EventListener -Schnittstelle oder eine Funktion in JavaScript. Zum Beispiel: document.getElementById ("txt"). AttodeEvent ("Onclick", Funktion (Ereignis) {alert (Event.KeyCode);});

W3C und IE unterstützen auch die Entfernung bestimmter Ereignisse. Ziel ist es, festgelegte Ereignisse zu entfernen. Die Formate sind wie folgt:

REMEDEVENTLISTENER (Ereignis, Funktion, Capture/Blase);

Das Format von Windows IE lautet wie folgt:

Ablösung (Ereignis, Funktion);

DOM2 Evolution:

Die neue DOM2 -Verwendung kann durch AdditionEventListener () -Funktion beobachtet werden:

Die Codekopie lautet wie folgt:

AddEventListener (Ereignis, Funktion, Capture/Blase);

Das Parameterereignis ist in der obigen Tabelle angezeigt. Funktion ist die ausführende Funktion. Einfang und Blase sind zwei Zeitmodi, die von W3C formuliert wurden. Einfach ausgedrückt ist Capture, die letzte Zeile vom Beginn des Dokuments zu lesen und dann das Ereignis auszuführen. Bubble findet zuerst den angegebenen Ort und führt dann das Ereignis aus.

Die Parameter von Erfassung/Blasen sind boolesche Werte, wahre Mittel zur Verwendung von Erfassungen und falsche Mittel zur Blase. Windows Internet Explorer hat auch einen EventHandler, der beigefügt ist, mit dem Format wie folgt formuliert:

Die Codekopie lautet wie folgt:

window.attachEvent ("subieren", myfunction ());

Besonderes ist, dass AttafEvent die Erfassung/Blasenparameter nicht angeben muss, da in der Fenster -IE -Umgebung der Blasenmodus verwendet wird.

Wie kann ich bestimmen, welcher Hörart unterstützt wird? wie:

Die Codekopie lautet wie folgt:

if (typeof window.addeventListener! = "undefined") {

window.addeventListener ("laden", rollover, false);

} anders {

window.attachEvent ("Onload", Rollover)

}

Das oben genannte Typen -Fenster.AdDeVentListener! Wenn es nicht unterstützt wird, wird attachEvent verwendet.

W3C und IE unterstützen auch die Entfernung bestimmter Ereignisse. Ziel ist es, festgelegte Ereignisse zu entfernen. Die Formate sind wie folgt:

W3C -Format:

REMEDEVENTLISTENER (Ereignis, Funktion, Capture/Blase);

Das Format von Windows IE lautet wie folgt:

Ablösung (Ereignis, Funktion);