JavaScript -Ereignishandler
In JavaScript ist ein Ereignis eine Aktion, die auf einer Webseite im Browser auftritt. Diese Aktion kann ein Feld eingeben, auf eine Schaltfläche klicken oder eine Seite laden. Die Aktionen können entweder vom Browser oder vom Benutzer initiiert werden. Wenn auf einer Webseite eine Aktion auftritt. Entwickler können dann auf diese Ereignisse reagieren, indem sie Funktionen schreiben, die als Event -Handler bezeichnet werden.Ereignishandler sind Funktionen, die auf eine bestimmte Art von Ereignis zuhören, und wenn dieses Ereignis auftritt, führen sie einen Codeblock aus.
Was ist Eventhandling
Ein Ereignis wird jederzeit ausgelöst, wenn ein Benutzer mit einer Webseite interagiert. Dieses Ereignis kann alles von einem Benutzer sein, der irgendwo auf der Seite klickt, bis zum Laden einer Webseite.
Immer wenn ein Ereignis auf einer Webseite auftritt, benachrichtigt der Browser das System. Spezifische Ereignis -Handler -Funktionen Hören Sie sich ihre jeweiligen Ereignisse an und wenn diese Ereignisse ausgelöst werden, führen sie den in ihnen geschriebenen Codeblock aus. Der in der Funktion geschriebene Code enthält alle Aktionen, die als Reaktion auf das Ereignis ausgeführt werden müssen, das abgefeuert wird.
In diesem Beitrag werden wir eine detaillierte Diskussion über verschiedene Arten von Ereignissen in JavaScript und zum Umgang mit diesen Ereignissen führen.
Notiz: Ich werde die Konsole verwenden, um die in diesem Beitrag vorhandenen Beispiele zu demonstrieren.
Was sind die verschiedenen Arten von Ereignissen??
Einige der häufigsten Ereignisse, die in JavaScript auftreten, sind:
Mausereignisse:
- ONCLICK
- Maus nach unten
- Mausup
- Mousemove
Tastaturereignisse:
- Taste nach unten
- Schlüssel
Ereignisse bilden:
- im Fokus
- Onblur
Fensterereignisse:
- Onload
- onError
Die Liste aller Ereignisse, die in JavaScript auftreten, ist riesig; Wir werden nur die häufigsten und am häufigsten verwendeten Ereignisse diskutieren.
So verwenden Sie das Klickereignis in JavaScript
Der Onclick () Event -Handler wird verwendet, um die Klickereignisse auf einer Webseite anzuhören. Wenn der Benutzer auf einer Webseite auf ein HTML -Element klickt, ist es jeweils Onclick () Event -Handler wird ausgelöst.
Schauen wir uns nun ein Beispiel an, um das Klickereignishandler klar zu verstehen:
Wir haben eine Webseite mit zwei Schaltflächen i.e. Taste 1 und Taste 2:
Wenn wir auf eine dieser Schaltflächen klicken, sind ihre jeweiligen Onclick () Der Ereignishandler wird ausgelöst, der eine Nachricht auf die Konsole druckt.
So verwenden Sie das Fokusereignis in JavaScript
Der im Fokus() Das Ereignis wird ausgelöst, wenn ein Element den Fokus erhält oder verliert:
Zum Beispiel im unten angegebenen Code -Snippet die "Focusevent ()" Methode wird auf die aufgerufen im Fokus() Ereignis in der Eingang Schild:
Html
Geben Sie hier etwas ein
JavaScript
functionFocusevent ()dokumentieren.getElementById ("input1").Stil.Hintergrund = "grün";
So verwenden Sie das Schlüsseldown -Ereignis in JavaScript
Der Onkeydown () Das Ereignis wird ausgelöst, wenn eine Taste vom Benutzer gedrückt wird:
Zum Beispiel im folgenden Code die "KeyDownEvent ()" Funktion wird auf die aufgerufen "Onkeydown" Ereignis und die Warnmeldung wird in der Funktionsdefinition angezeigt:
Html
Geben Sie hier etwas ein
JavaScript
Funktion keyDownEvent ()dokumentieren.getElementById ("input1");
alarm ("eine Taste gedrückt");
So verwenden Sie das Laden von Ereignissen in JavaScript
Der Onload () Das Ereignis wird gleich nach erfolgreich geladener Webseite ausgelöst.
Zum Beispiel wird im unten angegebenen Code -Snippet eine einfache Warnmeldung auf der angezeigt Onload () Ereignis in der Körper Schild:
JavaScript -Ereignisse
Abschluss
Ereignisse sind sehr wichtig, um eine Webseite interaktiv und reaktionsschnell zu gestalten. Ein Ereignis kann vom Browser oder dem Benutzer initiiert werden. Wenn ein Benutzer mit den HTML -Elementen einer Webseite interagiert, wird ein Ereignis ausgelöst. JavaScript bietet uns die Möglichkeit, auf diese Auslöser mit Ereignishandlern zu reagieren. In dieser Anleitung haben wir gelernt, wie man Event-Handler mithilfe von Ereignissen reagiert und Webseiten reaktionsschneller gestaltet.