Ereignisobjekt: (Das Ereignisobjekt ist eine Eigenschaft des Fensterobjekts. Wenn ein Ereignis auftritt, wird das Ereignisobjekt gleichzeitig generiert. Das Ereignis endet und das Ereignisobjekt verschwindet.
Dh: window.event; // Objekt holen
In DOM: Argument [0]; // Objekt holen
Gemeinsame Attributmethoden für Ereignisobjekte in IE:
1.ClientX: Wenn das Ereignis auftritt, die X -Koordinate des Mauszeigers im Clientbereich (ohne Symbolleisten, Scrollbars usw.);
2.Clienty: Wenn ein Ereignis auftritt, ist die Y -Koordinate des Mauszeigers im Clientbereich (ohne Symbolleisten, Scrollbars usw.);
3.Keycode: Für das TasteCode -Ereignis zeigt es das Unicode -Zeichen der gedrückten Taste an. Für das Tastedown/Taste -Ereignis zeigt es an, dass die gedrückte Tastatur ein numerischer Indikator ist (erhält den Wert der Taste).
4.OffsetX: Die X -Koordinate des Mauszeigers relativ zu dem Objekt, das das Ereignis verursacht hat;
5.Offsety: Die Y -Koordinate des Mauszeigers relativ zu dem Objekt, das das Ereignis verursacht hat;
6.Srcelement: Das Element, das das Ereignis auftritt;
Gemeinsame Attributmethoden für Ereignisobjekte in DOM:
1.ClientX;
2.Clienty;
3. Pagex; die X -Koordinate des Mauszeigers relativ zur Seite;
4. Seitey; die y -Koordinate des Mauszeigers relativ zur Seite;
5.Stoppropagation: Wenn Sie diese Methode aufrufen, kann die weitere Ausbreitung von Ereignissen (sprudeln) verhindern.
6. Target: ausgelöstes Ereigniselement/Objekt;
7.Typ: Der Name des Ereignisses;
Die Ähnlichkeiten und Unterschiede zwischen zwei Ereignisobjekten :
Ähnlichkeiten:
1. Holen Sie sich den Event -Typ;
2. Holen Sie sich den Tastaturcode (Tastatur-/Tastaturereignis);
3.. Verschiebung erkennen, Alt, Strg;
4. Erhalten Sie die Koordinaten des Kundenbereichs;
5. Bildschirmkoordinaten erhalten;
Unterschiede:
1. Erhalten Sie das Ziel;
// IE: var otarget = oevent.srcelement;
// Dom: var otarget = oevent.target;
2. erhalten Sie den Zeichencode;
// IE: var iCharcode = oevent.KeyCode;
// DOM: var iCharcode = oevent.charcode;
3.. Das Standardverhalten der Blockierung von Ereignissen;
// dh: oevent.returnValue = false;
// dom: oevent.preventDefault;
4. Hör auf zu sprudeln:
//Ie:oevent.cancelBubble=true;
//Dom:oevent.stoppropagation
Ereignisart:
1. Mausereignis:
Onmouseover: Wenn die Maus eingezogen ist;
Onmouseout: Wenn die Maus ausgezogen wird;
OnmouseDown: Wenn die Maus gedrückt wird;
OnmouseUp: Wenn die Maus erhoben wird;
Onclick: Beim Klicken auf die linke Maustaste;
ONDBLCLICK: Wenn Sie auf die linke Maustaste doppelklicken;
2. Tastaturereignisse:
Onkeydown: tritt auf, wenn der Benutzer eine Taste auf der Tastatur drückt.
OnKeyUp: tritt auf, wenn der Benutzer eine gedrückte Taste veröffentlicht.
TastePress: Wenn der Benutzer die Taste weiter drückt;
Drei.html Ereignisse:
Onload: Beim Laden der Seite;
Onunload: Beim Deinstallieren der Seite;
ABORT: Wenn der Benutzer vor Beendigung des Ladevorgangs nicht vollständig reproduziert wurde, erfolgt das ABORT -Ereignis, wenn er nicht vollständig reproduziert wurde.
Fehler: Das Ereignis, das erzeugt wird, wenn ein Fehler in JavaScript auftritt;
Wählen Sie: Das ausgelöste Ereignis auswählen, wenn der Benutzer ein Zeichen in einer Eingabe oder einem Textbereich auswählt
Änderung: In einer Eingabe oder einem Textbereich, wenn es den Fokus verliert, wird das Änderungsereignis in Select ausgelöst
Senden: Wenn das Formular eingereicht wird, wird das Submit -Ereignis ausgelöst.
Zurücksetzen: Zurücksetzen
Größen Sie die Größe: Das Ereignis, das ausgelöst wird, wenn das Fenster oder Rahmen geändert wird.
SCROLL: Ereignisse abgefeuert, wenn der Benutzer scrollt oder Scroll -Balken hat;
Fokus: Wenn der Fokus verloren geht;
Blur: Wenn Sie Fokus bekommen;
JavaScript -Ereignismodell
1. JavaScript-Ereignismodell: 1. Blasentyp: <Eingabe type = "Schaltfläche"> Wenn der Benutzer auf die Taste klickt: Eingabe-Body-HTML-Document-Window (Blasen von unten nach oben) dh Browser verwendet nur Bubble
2. Erfassungsart: <Eingabe type = "Schaltfläche"> Wenn der Benutzer auf die Schaltfläche klickt: Fenster-Dokument-HTML-Body-Eingabe (von oben nach unten)
Nach der ECMA -Standardisierung unterstützen andere Browser zwei Typen, und die Erfassung tritt zuerst auf.
2. Drei Möglichkeiten, traditionelle Ereignisse zu schreiben:
1. <Eingabe type = "button" onclick = "alert ('helloWorld!')">
2. <Eingabe type = "Taste onclick = name1 ()"> ====== <script> Funktion name1 () {alert ('HellOWord!');} </Script> // name function function
3. <Eingabe type = "Taste" id = "input1"> // anonyme Funktion
Die Codekopie lautet wie folgt:
<Script>
Var button1 = document.getElementById ("input1");
button1.onclick = function () {
Alarm ('Helloword!')
}
</script>
3.. Moderne Event -Writing -Methode:
Die Codekopie lautet wie folgt:
<input type = "button" id = "input1"> // Ereignisse in IE hinzufügen
<Script>
var fnclick () {
alarm ("Ich wurde geklickt")
}
var oinput = document.getElementById ("input1");
Oinput.attachEvent ("Onclick", fnclick);
------------------------------------------------------------------------------------------------------------------
Oinput.detAchEvent ("Onclick", fnclick); // Ereignis in IE löschen
</script>
Die Codekopie lautet wie folgt:
<input type = "button" id = "input1"> // Ereignisse in DOM hinzufügen
<Script>
var fnclick () {
alarm ("Ich wurde geklickt")
}
var oinput = document.getElementById ("input1");
Oinput.AdDeVentListener ("Onclick", fnclick, true);
------------------------------------------------------------------------------------------------------------------
Oinput.removeEventListener ("Onclick", fnclick); // Ereignis in DOM löschen
</script>
Die Codekopie lautet wie folgt:
<input type = "button" id = "input1"> // kompatibel mit IE- und DOM -Additionsereignissen für Ereignisse
<Script>
var fnclick1 = function () {alert ("Ich wurde geklickt")}
var fnclick2 = function () {alert ("Ich wurde geklickt")}
var oinput = document.getElementById ("input1");
if (document.attachEvent) {
Oinput.attacheAvent ("Onclick", fnclick1)
Oinput.attacheAvent ("Onclick", FNCLICK2)
}
sonst (document.addeventListener) {
Oinput.addeventListener ("Click", FNCLICK1, TRUE)
Oinput.AdDeVentListener ("Click", fnclick2, true)
}
</script>