Ereignisobjekt: Wenn ein Ereignis auftritt, erstellt der Browser das Objekt automatisch und enthält den Typ des Ereignisses, Mauskoordinaten usw.
Eigenschaften des Ereignisobjekts: Format: event.Properties.
Einige Anweisungen:
Das Ereignis repräsentiert den Status des Ereignisses, wie das Element, das das Ereignisobjekt auslöst, die Position und den Status der Maus, die gedrückte Taste usw.
Das Ereignisobjekt ist nur während des Ereignisses gültig.
Das Ereignis in Firefox unterscheidet sich von dem in IE. Die Veranstaltung im IE ist eine globale Variable, die jederzeit verfügbar ist. Das Ereignis in Firefox muss mit Parametern gebootet werden und ist zur Laufzeit eine vorübergehende Variable.
In IE/Opera ist es window.event und in Firefox ist es Ereignis;
Das Objekt des Ereignisses ist window.event.srcelement in IE, Event.target in Firefox, und beide sind in der Oper erhältlich.
Bindungsereignisse
In JS können Sie normalerweise zwei Methoden annehmen, um Ereignisse an ein Objekt zu binden (Kontrolle):
Definieren Sie zuerst eine Funktion im Kopf:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
Funktion ClickHandler ()
{
// etwas mach
alarm ("Schaltfläche wird geklickt!");
}
</script>
Der erste Weg, um Ereignisse zu binden:
<Eingabe type = "button" value = "button1" onclick = "clickHandler ();"> <br/>
Der zweite Weg, Ereignisse zu binden:
Die Codekopie lautet wie folgt:
<Eingabe type = "button" id = "button2" value = "button2">
<script type = "text/javaScript">
var v = document.getElementById ("button2");
v.onclick = ClickHandler; // Verwenden Sie den Funktionsnamen hier, hier werden keine Klammern hinzugefügt
</script>
Andere Beispiele
Beispiel 1:
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<title> eventtest.html </title>
<meta http-equiv = "keywords" content = "keyword1, keyword2, keyword3">
<meta http-äquiv = "Beschreibung" content = "Dies ist meine Seite">
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<Script>
Funktion mover (Objekt) {
Object.color = "rot";
}
Funktion Mout (Objekt) {
Object.color = "Blue";
}
</script>
</head>
<body>
<font style = "Cursor: Hilfe"
onclick = "window.location.href = 'http: //www.baidu.com'"
Onmouseover = "Mover (this)" Onmouseout = "Mout (this)"> Willkommen </font>
</body>
</html>
Beispiel 2:
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<title> eventTest2.html </title>
<meta http-equiv = "keywords" content = "keyword1, keyword2, keyword3">
<meta http-äquiv = "Beschreibung" content = "Dies ist meine Seite">
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
</head>
<body>
<script type = "text/javaScript">
Funktion getEvent (Ereignis) {
alert ("Ereignistyp:" + event.type);
}
document.write ("klicken ...");
document.onmouseDown = getEvent;
</script>
</body>
</html>