JavaScript Events
HTML Veranstaltungen fanden auf dem HTML-Element Dinge.
Wenn Sie JavaScript in HTML-Seiten verwenden, können Sie JavaScript diese Ereignisse auslösen.
HTML-Ereignis
HTML Ereignis kann Browser Verhalten auch sein Benutzerverhalten sein.
Die folgenden sind Beispiele für HTML-Ereignis:
- HTML-Seite fertig geladen ist
- Wenn HTML-Eingabefeld ändert
- HTML-Schaltfläche geklickt wird
Normalerweise, wenn ein Ereignis eintritt, können Sie etwas tun.
Wenn ein Ereignis ausgelöst wird, kann JavaScript einige Code ausführen.
HTML-Elemente können auf ein Ereignisattribut mit Hilfe von JavaScript-Code hinzugefügt werden, HTML-Elemente hinzuzufügen.
Einfache Anführungszeichen:
Doppelte Anführungszeichen:
Im folgenden Beispiel, fügte ein Button-Element Onclick-Attribut (plus code):
Beispiele
Versuchen »
Das obige Beispiel, JavaScript-Code Inhalt id = "Demo" Element.
Im nächsten Beispiel wird der Code den Inhalt des Elements selbst (mit diesem .innerHTML) zu ändern:
Beispiele
Versuchen »
JavaScript-Code ist in der Regel ein paar Zeilen Code. Häufiger wird durch die Ereigniseigenschaften aufgerufen: |
Gemeinsame HTML-Ereignis
Hier ist eine Liste von einigen gemeinsamen HTML-Ereignis:
Ereignis | Beschreibung |
---|---|
Onchange | HTML-Element Änderungen |
Onclick | Ein Benutzer klickt auf ein HTML-Element |
onmouseover | Der Benutzer bewegt die Maus auf einem HTML-Element |
onmouseout | Der Benutzer bewegt die Maus von einem HTML-Element |
onkeydown | Benutzer eine Taste drückt |
onload | Der Browser beendet das Laden der Seite |
Weitere Event - Liste: die JavaScript - Referenz - HTML - DOM - Ereignis .
JavaScript Was kann getan werden?
Events können verwendet werden, Formularvalidierung, die Benutzereingaben, Benutzerverhalten und Browser-Aktionen zu behandeln:
- Das Ereignis wird ausgelöst, wenn die Seite geladen
- Das Ereignis wird ausgelöst, wenn die Seite Schließen
- Der Benutzer klickt auf eine Schaltfläche, um eine Aktion auszuführen
- Überprüfen Sie die Legitimität von Benutzereingaben
- Und so weiter ...
Sie können eine Vielzahl von Methoden verwenden, um JavaScript-Event-Code ausführen:
- HTML Ereignisattribute können JavaScript-Code direkt ausführen
- HTML Ereignisattribute können die JavaScript-Funktion aufrufen
- Sie können Ihre eigenen Ereignishandler für HTML-Elemente angeben
- Sie können das Auftreten eines Ereignisses zu verhindern.
- Und so weiter ...
Im HTML-DOM Kapitel finden Sie mehr über die Veranstaltung und die Event-Handler-Wissen lernen. |