Heim >Web-Frontend >js-Tutorial >Ereignisbehandlung in JavaScript

Ereignisbehandlung in JavaScript

高洛峰
高洛峰Original
2016-11-25 11:37:371031Durchsuche

Überblick über die Ereignisverarbeitung
Die Ereignisverarbeitung ist ein sehr wichtiger Teil der objektbasierten Programmierung. Ohne Ereignisverarbeitung wird das Programm tot und es mangelt ihm an Flexibilität. Der Prozess der Ereignisbehandlung kann folgendermaßen ausgedrückt werden: Ein Ereignis tritt ein – der Ereignishandler wird gestartet – der Ereignishandler reagiert. Damit der Ereignishandler gestartet werden kann, muss dem Objekt zunächst mitgeteilt werden, welcher Handler gestartet werden soll, wenn etwas passiert, andernfalls kann der Prozess nicht fortgesetzt werden. Der Ereignishandler kann eine beliebige JavaScript-Anweisung sein, wir verwenden jedoch normalerweise eine bestimmte benutzerdefinierte Funktion, um Dinge zu verarbeiten.
Es gibt drei Möglichkeiten, Ereignishandler anzugeben:
Methode 1 Direkt in HTML-Tags angeben. Diese Methode wird am häufigsten verwendet. Die Methode lautet:
< tag... ... event="event handler" [event="event handler" ...]>
Sehen wir uns ein Beispiel an:
< ;body ... onunload="alert(Goodbye!)">
Diese Definition des -Tags kann dazu führen, dass beim Lesen des Dokuments ein Dialogfeld mit der Meldung „Das Lesen der Webseite ist abgeschlossen“ angezeigt wird Genießen Sie es langsam“; „Auf Wiedersehen“ erscheint, wenn der Benutzer das Dokument verlässt (oder das Fenster schließt oder zu einer anderen Seite wechselt).
Methode 2: Schreiben Sie JavaScript für bestimmte Ereignisse bestimmter Objekte. Diese Methode wird seltener verwendet, ist aber in manchen Situationen dennoch nützlich. Die Methode ist: