Die Änderung des Zustands eines Objekts wird als bezeichnet Ereignis . In HTML gibt es verschiedene Ereignisse, die anzeigen, dass eine Aktivität vom Benutzer oder vom Browser ausgeführt wird. Wann Javascript Code ist in HTML enthalten, js reagiert auf diese Ereignisse und ermöglicht die Ausführung. Dieser Prozess des Reagierens auf Ereignisse wird als bezeichnet Handhabung des Events . Somit verarbeitet js die HTML-Ereignisse über Ereignishandler .
Zum Beispiel Wenn ein Benutzer auf den Browser klickt, fügen Sie JS-Code hinzu, der die für das Ereignis auszuführende Aufgabe ausführt.
Einige der HTML-Ereignisse und ihre Ereignishandler sind:
Mausereignisse:
| Ereignis durchgeführt | Ereignishandler | Beschreibung |
|---|---|---|
| klicken | onclick | Beim Mausklick auf ein Element |
| Mouseover | onmouseover | Wenn sich der Mauszeiger über dem Element befindet |
| Mouseout | onmouseout | Wenn der Mauszeiger ein Element verlässt |
| Maus nach unten | onmousedown | Wenn die Maustaste über dem Element gedrückt wird |
| Mouseup | onmouseup | Wenn die Maustaste über dem Element losgelassen wird |
| Mausbewegung | onmousemove | Wenn die Mausbewegung stattfindet. |
Tastaturereignisse:
| Ereignis durchgeführt | Ereignishandler | Beschreibung |
|---|---|---|
| Keydown und Keyup | onkeydown und onkeyup | Wenn der Benutzer die Taste drückt und dann loslässt |
Formularereignisse:
| Ereignis durchgeführt | Ereignishandler | Beschreibung |
|---|---|---|
| Fokus | im Fokus | Wenn der Benutzer sich auf ein Element konzentriert |
| einreichen | onsubmit | Wenn der Benutzer das Formular absendet |
| verwischen | onblur | Wenn der Fokus von einem Formularelement entfernt ist |
| ändern | bei Änderung | Wenn der Benutzer den Wert eines Formularelements ändert oder ändert |
Fenster-/Dokumentereignisse
| Ereignis durchgeführt | Ereignishandler | Beschreibung |
|---|---|---|
| Belastung | laden | Wenn der Browser das Laden der Seite beendet |
| entladen | onunload | Wenn der Besucher die aktuelle Webseite verlässt, wird sie vom Browser entladen |
| Größe ändern | onresize | Wenn der Besucher die Größe des Browserfensters ändert |
Lassen Sie uns einige Beispiele für Ereignisse und ihre Handler diskutieren.
Klicken Sie auf Ereignis
Javascript EventsTesten Sie es jetzt
MouseOver-Ereignis
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Testen Sie es jetzt
Fokusveranstaltung
Javascript Events <h2> Enter something here</h2>Testen Sie es jetzt
Keydown-Ereignis
Javascript Events <h2> Enter something here</h2>Testen Sie es jetzt
Ereignis laden
Javascript Events <br>Testen Sie es jetzt