JavaScript glänzt beim Hinzufugen interaktiver Funktionen zu einer Website. Während HTML und CSS verwendet werden, um die Struktur bzw. den Stil einer Webseite festzulegen, können Sie JavaScript verwenden, um Ihre Website dynamischer zu gestalten.
In JavaScript werden Ereignisse verwendet, um eine Website zu erstellen interaktiv. In diesem Leitfaden werden wir uber JavaScript-Ereignisse sprechen. Wir werden untersuchen, wo Ereignisse verwendet werden k√∂nnen, wie ein Ereignis definiert und wie ein Ereignis aufgerufen wird. Los geht’s!
Was ist ein JavaScript-Ereignis?
Ereignisse können entweder vom Browser oder vom Benutzer ausgelöst werden und können den Zustand der Webseite ändern. Wenn Sie auf einer Webseite auf eine Schaltfläche klicken, wird ein JavaScript-Ereignis erstellt. Wenn Sie auf ein sich erweiterndes Dropdown-Menu klicken, wird ein JavaScript-Ereignis verwendet.
JavaScript-Ereignisse haben eine Vielzahl von Verwendungsmöglichkeiten, darunter:
- √úberprufen, ob ein Formular ausgefullt wurde
- Navigieren eines Benutzers zu einer anderen Seite, wenn er ein Formular ausgefullt hat
- Dropdown-Menus interaktiv machen
- Benutzer zulassen zum Vergrößern und Verkleinern von Bildern
Um mit Ereignissen in JavaScript zu arbeiten, mussen Sie zwei Konzepte kennen: Ereignishandler und Ereignislistener.
An Ereignishandler ist eine Funktion, die ausgefuhrt wird, wenn ein Ereignis auf einer Webseite ausgelöst wird. Ereignis-Listener verbinden eine Ereignisfunktion mit einem HTML-Element, sodass bei der Ausfuhrung dieser Funktion das Webelement geändert wird.
Ereignishandler können auf drei Arten definiert werden: entweder mit einem Inline-Ereignis -Handler, eine Ereigniseigenschaft oder einen Ereignis-Listener.
Inline-Ereignishandler
Der einfachste Weg, mit Ereignissen in JavaScript zu beginnen, ist die Verwendung eines Inline-Ereignishandlers. Das bedeutet, dass Sie Ihre Veranstaltung in Ihrer HTML-Datei definieren.