HTML Ereignisse sind "Dinge" , die Elemente HTML passieren.
Wenn Sie JavaScript in HTML - Seiten verwendet wird, kann JavaScript "reagieren" auf diese Ereignisse.
HTML Veranstaltungen
Ein HTML-Ereignis kann etwas der Browser tut, oder etwas sein, ein Benutzer tut.
Hier sind einige Beispiele von HTML-Ereignisse:
- Eine HTML-Web-Seite fertig geladen wurde
- Ein HTML-Eingabefeld wurde geändert
- Eine HTML-Schaltfläche geklickt wurde
Oft, wenn Ereignisse eintreten, können Sie etwas tun.
JavaScript können Sie Code ausführen, wenn Ereignisse erkannt werden.
HTML erlaubt Event - Handler - Attribute, mit JavaScript - Code, um HTML - Elemente hinzugefügt werden.
Mit einfachen Anführungszeichen:
< some-HTML-element
some-event = ' some JavaScript ' >Mit doppelten Anführungszeichen:
< some-HTML-element
some-event = " some JavaScript " >Im folgenden Beispiel wird ein onclick - Attribut (mit Code), ist mit einem Knopfelement hinzugefügt:
Beispiel
<button onclick='getElementById("demo").innerHTML=Date()'>The time is?</button>
Versuch es selber " In dem obigen Beispiel ändert sich die JavaScript - Code , um den Inhalt des Elements mit id="demo" .
Im nächsten Beispiel ändert sich der Code den Inhalt seiner eigenen Element (unter Verwendung this .innerHTML ):
JavaScript-Code ist oft mehrere Zeilen lang. Es ist häufiger Ereignisattribute Aufruf von Funktionen zu sehen:
Gemeinsame HTML-Veranstaltungen
Hier ist eine Liste von einigen gemeinsamen HTML-Ereignisse:
| Event | Beschreibung |
|---|---|
| onchange | Ein HTML-Element wurde geändert |
| onclick | Der Benutzer klickt auf ein HTML-Element |
| onmouseover | Der Benutzer bewegt die Maus über ein HTML-Element |
| onmouseout | Der Benutzer bewegt die Maus weg von einem HTML-Element |
| onkeydown | Der Benutzer drückt eine Taste der Tastatur |
| onload | Der Browser beendet das Laden der Seite |
Die Liste ist noch viel länger: w3ii JavaScript Reference HTML - DOM Events .
Was kann JavaScript tun?
Event-Handler können zu behandeln verwendet werden, und stellen Sie sicher, Benutzereingaben, Benutzeraktionen und Browser-Aktionen:
- Dinge, die jedes Mal, wenn eine Seite geladen wird getan werden sollte,
- Dinge, die getan werden sollte, wenn die Seite geschlossen
- Aktion, die durchgeführt werden soll, wenn ein Benutzer auf eine Schaltfläche klickt
- Inhalte, die überprüft werden soll, wenn ein Benutzer Daten eingibt
- Und mehr ...
Viele verschiedene Verfahren können verwendet werden JavaScript Arbeit mit Ereignissen zu lassen:
- HTML Ereignisattribute können JavaScript-Code direkt ausführen
- HTML Ereignisattribute können JavaScript-Funktionen aufrufen
- Sie können Ihren eigenen Event-Handler-Funktionen zuweisen Elemente in HTML
- Sie können Ereignisse aus gesendet oder gehandhabten verhindern
- Und mehr ...
Sie werden viel mehr über Veranstaltungen und Event - Handler in den lernen HTML DOM - HTML DOM Kapitel.