Ereignisse sind Aktionen oder Ereignisse, die im System auftreten. In der Welt der Programmierung Ereignisse passieren mit den HTML-Elementen. Aber wenn Wird in HTML-Seiten verwendet, kann es auf diese Ereignisse reagieren. In diesem Artikel werden wir in der folgenden Reihenfolge sehen, welche Arten von Ereignissen in JavaScript vorhanden sind und wie sie funktionieren:
Was sind Ereignisse in JavaScript?
Javascript enthält Ereignisse, die eine dynamische Schnittstelle zu einer Webseite bieten. Diese Ereignisse sind mit Elementen in der verbunden Dokumentobjektmodell (BEURTEILUNG).
Außerdem verwenden diese Ereignisse standardmäßig die Blasenausbreitung, d. H. Aufwärts im DOM von Kindern zu Eltern. Wir können Ereignisse entweder als Inline- oder in einem externen Skript binden. Mithilfe von JavaScript können Sie erkennen, wann bestimmte Ereignisse eintreten, und als Reaktion auf diese Ereignisse Ereignisse auslösen.
Arten von Ereignissen in JavaScript
Es gibt verschiedene Arten von Ereignissen in die verwendet werden, um auf Ereignisse zu reagieren. Hier werden wir einige der berühmtesten oder am häufigsten verwendeten Ereignisse diskutieren, wie zum Beispiel:
- Onclick
- Onkeyup
- Onmouseover
- Onload
- Im Fokus
Gehen wir also weiter und sehen uns diese Ereignisse in JavaScript anhand eines Beispiels an.
Onclick-Ereignis
Das Onclick-Ereignis ist ein Mausereignis und provoziert jede Logik, die definiert wird, wenn der Benutzer auf das Element klickt, an das er gebunden ist. Nehmen wir ein Beispiel und sehen, wie es funktioniert:
Funktion edu () {alert ('Willkommen bei Edureka!')} Klicken Sie auf die SchaltflächeAusgabe:
Nach dem Klicken auf die Schaltfläche erhalten Sie die folgende Warnmeldung:
Onekeyup-Ereignis
Dieses Ereignis ist ein Tastaturereignis und wird verwendet, um Anweisungen auszuführen, wenn eine Taste nach dem Drücken losgelassen wird. Das folgende Beispiel zeigt die Funktionsweise des Ereignisses:
var a = 0 var b = 0 var c = 0 Funktion changeBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1 wenn (a> 255) a = a - b wenn (b> 255) b = a wenn (c> 255) c = b}Ausgabe:
Nachdem Sie etwas geschrieben haben, sieht es so aus:
Onmouseover-Ereignis
Das Ereignis onmouseover in JavaScript entspricht dem Bewegen des Mauszeigers über das Element und seine untergeordneten Elemente, an die es gebunden ist. Das Beispiel ist unten dargestellt:
Funktion hov () {var e = document.getElementById ('hover') e.style.display = 'none'}Ausgabe:
Das farbige Feld wird angezeigt, bevor Sie mit der Maus darüber fahren. Sobald Sie die Maus über die Box bewegen, verschwindet sie.
Onload-Ereignis
Das Onload-Ereignis wird ausgelöst, wenn ein Element vollständig geladen ist. Nehmen wir ein Beispiel und sehen, wie es funktioniert:
Ausgabe:
Onfocus-Ereignis
Das Onfocus-Ereignis verfügt über eine Elementliste, die Anweisungen ausführt, wenn es den Fokus erhält. Das folgende Beispiel zeigt, wie das Onfocus-Ereignis funktioniert:
Funktion fokussiert () {var e = document.getElementById ('Eingabe') if (bestätigen ('Fokusereignis')) {e.blur ()}}Fokus im Eingabefeld:
Ausgabe:
java system.exit (0)
Dies sind einige der am häufigsten verwendeten Ereignisse in JavaScript. Damit sind wir am Ende unseres Artikels angelangt. Ich hoffe, Sie haben verstanden, was Ereignisse sind und wie sie verwendet werden.
Schauen Sie sich unsere Dies beinhaltet ein von Lehrern geführtes Live-Training und praktische Projekterfahrung. Diese Schulung vermittelt Ihnen Kenntnisse in der Arbeit mit Back-End- und Front-End-Webtechnologien. Es umfasst Schulungen zu Webentwicklung, jQuery, Angular, NodeJS, ExpressJS und MongoDB.
Hast du eine Frage an uns? Bitte erwähne es im Kommentarbereich dieses Blogs und wir werden uns bei dir melden.