Häufige JavaScript-Ereignisse: Klicken, Doppelklick, Mouseup, Mouseout, Tastendruck, Keydown, Keyup, Fehler, Laden, Größenänderung, Entladen, Unschärfe, Änderung, Fokus, Zurücksetzen usw.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Eine Grundfunktion von JavaScript ist ereignisgesteuert. Das sogenannte ereignisgesteuerte bedeutet, dass eine Reihe von Programmantwortausführungen ausgelöst werden, wenn der Benutzer eine bestimmte Operation ausführt oder die Interaktion zwischen Javascript und HTML zu einer bestimmten Statusänderung führt. Hier wird die Operation des Benutzers als Ereignis bezeichnet, und die Reaktion des Programms auf das Ereignis wird als Ereignisverarbeitung bezeichnet.
Ereignisverarbeitung bezieht sich auf die Reaktion des Programms auf Ereignisse. Ereignisse sind für JavaScript Vorgänge, die auftreten, wenn der Benutzer mit einer Webseite interagiert, oder Dinge, die nach der Interaktion zwischen Javascript und HTML einen bestimmten Zustand ändern, z. B. das Bewegen der Maus, das Drücken einer Taste, das Klicken auf eine Schaltfläche usw Ausdrücken Ajax Der Arbeitsstatus ändert sich, was darauf hinweist, dass die Animation abgeschlossen ist usw. Das an der Ereignisverarbeitung beteiligte Programm wird als Ereignishandler bezeichnet. Event-Handler werden normalerweise als Funktionen definiert.
Schnittstellenelemente, die Ereignisse auf einer Webseite generieren, werden als Ereignisquellen bezeichnet. Derselbe Ereignistyp kann auf verschiedenen Ereignisquellen generiert werden, und dieselbe Ereignisquelle kann auch unterschiedliche Ereignistypen generieren. Das JS-Programm gibt den Ereignistyp und die Ereignisquelle an und bindet einen Ereignishandler an die Ereignisquelle. Auf diese Weise ruft der Browser den an die Ereignisquelle gebundenen Handler auf, sobald ein Ereignis eines bestimmten Typs in der Ereignisquelle auftritt Ereignisverarbeitung. Der Arbeitsaufwand bei der Ereignisverarbeitung umfasst also die Definition von Ereignishandlern und deren Bindung.
Auf einer Webseite gibt es viele Vorgänge, die Benutzer ausführen können, und jeder Vorgang generiert ein Ereignis. Lassen Sie mich Ihnen einige häufige Ereignisse in JavaScript vorstellen.
Ereignis | Beschreibung | |
---|---|---|
Mausereignis | click | Dieses Ereignis wird ausgelöst, wenn der Benutzer mit der Maus klickt |
dblclick | User Double Dieses Ereignis wird ausgelöst wenn mit der Maus geklickt wird | |
mousedown | Dieses Ereignis wird ausgelöst, wenn der Benutzer die Maus drückt | |
mouseup | Dieses Ereignis wird ausgelöst, wenn der Benutzer die Maus drückt und wieder loslässt | |
mouseover | Wenn die Der Benutzer bewegt den Mauszeiger auf ein Objekt. Dieses Ereignis wird ausgelöst, wenn der Benutzer die Maus bewegt. Dieses Ereignis wird ausgelöst, wenn der Benutzer den Mauszeiger bewegt Das Mausrad wird gerollt. Es gilt nur für IE und Chrome. | |
DOMMouseScroll | Dieses Ereignis tritt auf, wenn das Mausrad gerollt wird Wenn der Benutzer auf die Tastatur klickt, wird dieses Ereignis ausgelöst, wenn eine bestimmte Zeichentaste gedrückt wird. | |
Taste gedrückt Die Tastatur des Benutzers wird gedrückt. Dieses Ereignis wird beim Loslassen ausgelöst. | ||
Fehler | Dieses Ereignis wird ausgelöst, wenn beim Laden einer Datei oder eines Bildes ein Fehler auftritt wird geladen | |
Größe ändern | Dieses Ereignis wird ausgelöst, wenn die Größe des Browserfensters geändert wird. | |
unload Dieses Ereignis wird ausgelöst, wenn das Formularelement den Fokus verliert. | Klicken | |
Fokus | ||
Zurücksetzen | ||
select | Der Benutzer wählt eine Eingabe aus oder Dieses Ereignis wird ausgelöst, wenn der Text im Textbereich-Formularelement angezeigt wird. | |
Senden | Dieses Ereignis wird ausgelöst, wenn der Benutzer zum Senden auf die Schaltfläche „Senden“ klickt das Formular | |
【Verwandte Empfehlungen: | Javascript-Lerntutorial | |
Das obige ist der detaillierte Inhalt vonWas sind die häufigsten Ereignisse in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!