Für Benutzerereignisstypen sind die am häufigsten verwendeten Maus, Tastatur und Browser.
1. Mausereignis:
Alle Mausereignisse werden häufig verwendet. Die folgenden Beispiele werden verwendet, um verschiedene Mausereignisse zu testen.
Die Codekopie lautet wie folgt:
<script Language = "JavaScript">
Funktionshandle (Oevent) {
var document = document.getElementById ("display");
if (window.event) oevent = window.event; // Kompatibilität umgehen und das Objekt erhalten
disp.innerHtml + = "Mausereignisname:" + oevent.type + "<br>";
}
window.onload = function () {
var op = document.getElementById ("Box");
op.onmousedown = Handle;
op.onmouseover = Handle;
op.onmouseUp = Handle;
op.onmouseout = Handle;
op.onclick = Handle;
op.ondblclick = Handle;
}
</script>
<div>
<div id = "box">
Boxinhalt
</div>
<p id = "display"> </p>
</div>
Taste des Mausschlüsselwerts (mit Referenztabelle)
Die Codekopie lautet wie folgt:
<script Language = "JavaScript">
Funktion testclick (oevent) {
var odiv = document.getElementById ("display");
if (window.event)
oEvent = window.event;
odiv.innerhtml += oevent.button; // den Wert der Taste ausgeben
}
document.onmouseDown = testclick;
window.onload = testclick; // Der Test hat keine Schlüssel gedrückt
</script>
<div>
<p id = "display"> </p>
</div>
2. Tastaturereignisse
Es gibt nicht viele Arten von Tastaturereignissen, nur drei Arten von Ereignissen.
Taste (drücken Sie eine Taste, drücken Sie sie, sie wird weiterhin auslösen)
Tastepress (ausgelöst, wenn eine Taste gedrückt wird und ein Zeichen erzeugt wird, dh es ignoriert Funktionstasten wie Verschiebung, Alt, Strg)
Schlüssel (ausgelöst, wenn ein Schlüssel freigegeben wird)
Tastaturhörbeispiel:
Die Codekopie lautet wie folgt:
<script Language = "JavaScript">
Funktionshandle (Oevent) {
if (window.event) oevent = window.event; // Kompatibilität umgehen und ein Ereignisobjekt erhalten
var odiv = document.getElementById ("display");
odiv.innerhtml + = oevent.type + ""; // Ausgabeereignisname
}
window.onload = function () {
var otextArea = document.getElementById ("textin");
otextArea.onkeydown = Handle; // Hören Sie sich alle Tastaturereignisse an
otextArea.onkeyUp = Handle;
otextArea.onkeypress = Handle;
}
</script>
<div>
<textarea rows = "4" cols = "50" id = "textin">
</textArea>
<p id = "display"> </p>
</div>
Für die Tastatur ist das Wichtigste nicht der Name des Ereignisses, sondern die Taste, die gedrückt wird. Da der IE keine CharCode -Eigenschaft hat, entspricht KeyCode nur dann, wenn der Standard -DOM -Schlüsselcode auftritt.
Bei TastePress -Ereignissen wird die folgende Methode verwendet.
Die Codekopie lautet wie folgt: oevent.charCode = (oevent.type == "tastePress")? Oevent.KeyCode :();
Der Grund, warum KeyCode nicht übernommen wird, ist, dass es Tastaturtasten darstellt und keine Zeichen ausgeben. Ausgabe "a" und "a", KeyCode ist daher äquivalent, und Charcode wird durch Zeichen unterschieden.
Darüber hinaus beträgt der Schlüsselcode des Standard -DOM in TastePress immer 0;
Beispiel: Verwandte Eigenschaften von Tastaturereignissen:
Die Codekopie lautet wie folgt:
<script Language = "JavaScript">
Funktionshandle (Oevent) {
var odiv = document.getElementById ("display");
if (window.event) oevent = window.event; // Kompatibilität umgehen und ein Ereignisobjekt erhalten
// Legen Sie den Wert von IE Charcode fest
oevent.charcode = (oevent.type == "tastePress")? Oevent.KeyCode: 0;
odiv.innerhtml + = oevent.type + ": CharCode" + oevent.charCode + "KeyCode" + oevent.KeyCode + "<br>"; // Ausgangstest
}
window.onload = function () {
var otextArea = document.getElementById ("textin");
otextArea.onkeydown = Handle; // Hören Sie sich alle Tastaturereignisse an
otextArea.onkeypress = Handle;
}
</script>
<div>
<textarea rows = "4" cols = "50" id = "textin">
</textArea>
<p id = "display"> </p>
</div>
3.htm Ereignis
Für Browser haben verschiedene HTML -Ereignisse ihre eigenen Ereignisse, und einige von ihnen werden häufig von Benutzern wie Last, Fehler, Auswahl usw. ausgesetzt. Die häufig verwendeten HTML -Ereignisse sind wie folgt:
Das Lastereignis ist eines der häufig verwendeten Ereignisse, da das DOM -Framework vor Abschluss der Seite nicht erstellt wurde, sodass keine verwandten Vorgänge auftreten können.
Laden Sie den Fensterobjekten laden, das Entladeereignis entspricht den von der <body> gekennzeichneten Onload- und Onun -LaD -Methoden.