Event -Handling
1. Ereignisquelle: Jedes HTML -Element (Knoten), Körper, Div, Taste
2. Ereignis: Ihr Betrieb
Maus:
klicken
DBLICK Doppelklick
OncontextMenu Textmenü
Die Codekopie lautet wie folgt:
<Body OncontextMenu = "false return"> // Das Programm mit dem rechten Klick verbieten
Mausover
Mausout
Mousedown
Mausup Lift
Mousemove -Maus
Tastatur:
Tastatur -Tastaturereignis
Schlüssellift
Schlüsseldown
dokumentieren:
Lastlast
Onload ist ein Ereignis, das nach dem Laden der Seite feuert
Schließen Sie schließen
Bevor die ProtectedUnload geschlossen ist
Bilden:
Fokusereignis
Unschärfe verliert den Fokus
Ereignis einreichen
Änderungsereignis ändern
andere:
scrollen
SelectStart Select Ereignis
3. Event -Handler
Der erste Typ:
Format: <tag on event = "Event Handler" />
Beispiel:
Die Codekopie lautet wie folgt:
<Script>
Funktion show () {
var One = document.getElementById ("eins");
alarm (ein.Innertext);
}
zeigen();
</script>
<body>
<div id = "eins">
wwwwwwwwwwwwwwwwwwwwww
</div>
<input type = "button" "onclick =" show () "value =" show ">
Der zweite Typ:
Direkter Handler in JavaScript -Objekt.on
Die Codekopie lautet wie folgt:
<div id = "zwei">
Hallo, wulin.com//www.vevb.com
</div>
<Script>
var One = document.getElementById ("zwei");
One.onclick = function () {
this.style.backgroundcolor = "rot";
}
</script>
Der dritte Typ:
Grundsätzlich benutzt es niemand
Die Codekopie lautet wie folgt:
<Skript für = "Ereignisquelle ID" Event = "Ereignis"> Ereignishandler </script>
<div id = "th">
Hallo, wulin.com//www.vevb.com
</div>
<skript für = "th" event = "onclick">
var One = document.getElementById ("th");
One.Style.BackgroundColor = "Red";
</script>
Haben Sie die Handhabung von JavaScript -Vorfällen verstanden? Hinterlassen Sie mir eine Nachricht, wenn Sie Fragen haben.