[JavaScript-Tutorial] JavaScript-Ereignisse

JavaScript-Ereignisse

HTML-Ereignisse sind Dinge, die auf HTML-Elementen passieren.

JavaScript kann diese Ereignisse auslösen, wenn es in einer HTML-Seite verwendet wird.

HTML-Ereignisse

HTML-Ereignisse können Browseraktionen oder Benutzeraktionen sein.

Im Folgenden finden Sie Beispiele für HTML-Ereignisse:

HTML-Seite wird vollständig geladen

HTML-Eingabefeld ändert sich

HTML-Schaltfläche wird angeklickt

Wenn ein Ereignis eintritt, kann man oft etwas dagegen tun.

JavaScript kann Code ausführen, wenn ein Ereignis ausgelöst wird.

Ereignisattribute können zu HTML-Elementen hinzugefügt werden und JavaScript-Code kann zum Hinzufügen von HTML-Elementen verwendet werden.

Einfache Anführungszeichen:

<some-HTML-element some-event=&#39;some JavaScript&#39;>

Doppelte Anführungszeichen:

<some-HTML-element some-event="some JavaScript">

Im folgenden Beispiel wird das onclick-Attribut zum Schaltflächenelement hinzugefügt (und der Code wird hinzugefügt). ):

Beispiel

<button onclick=&#39;getElementById("demo").innerHTML=Date()&#39;>The time is?</button>

Im obigen Beispiel ändert der JavaScript-Code den Inhalt des id="demo"-Elements.

Im nächsten Fall ändert der Code den Inhalt seines eigenen Elements (mithilfe von this.innerHTML):

Beispiel

<button onclick="this.innerHTML=Date()">The time is?</button>

JavaScript-Code ist normalerweise ein paar Codezeilen. Die gebräuchlicheren werden über Ereignisattribute aufgerufen:

Instanz

<button onclick="displayDate()">The time is?</button>

Häufige HTML-Ereignisse

Im Folgenden finden Sie eine Liste einiger gängiger HTML-Ereignisse:

Ereignis

Beschreibung

onchange HTML-Elementänderungen

onclick Benutzer klickt auf HTML-Element

onmouseover Der Benutzer bewegt die Maus über ein HTML-Element

onmouseout Der Benutzer bewegt die Maus von einem HTML-Element weg

onkeydown Der Benutzer drückt eine Tastaturtaste

onload Der Browser hat Laden der Seite abgeschlossen

Weitere Ereignislisten: JavaScript-Referenzhandbuch – HTML-DOM-Ereignisse.

Was kann JavaScript tun?

Ereignisse können zur Verarbeitung von Formularvalidierung, Benutzereingaben, Benutzerverhalten und Browseraktionen verwendet werden:

Ereignisse, die beim Laden der Seite ausgelöst werden

Das Ereignis wird ausgelöst, wenn die Seite geschlossen wird

Der Benutzer klickt auf die Schaltfläche, um die Aktion auszuführen

Überprüfen Sie die Rechtmäßigkeit des Benutzereingabeinhalts

Und so weiter ...

kann verwendet werden Mehrere Möglichkeiten, JavaScript-Ereigniscode auszuführen:

HTML-Ereignisattribute können JavaScript-Code direkt ausführen

HTML-Ereignisattribute können JavaScript-Funktionen aufrufen

Sie können Ihre eigenen Event-Handler für HTML-Elemente angeben.

Sie können das Auftreten von Ereignissen verhindern.

etc...

Im Kapitel HTML DOM erfahren Sie mehr über Ereignisse und Ereignishandler.

Das Obige ist der Inhalt von JavaScript-Ereignissen im [JavaScript-Tutorial]. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php. cn)!