WikiDer > HTML-Ereignis
EIN HTML-Ereignis definiert eine bestimmte Reaktion auf eine Benutzeraktion oder ein Ereignis im Webbrowser. Das Wort Veranstaltung kommt aus dem Englischen und bedeutet Veranstaltung. HTML-Events sorgen unter anderem dafür, dass Webseiten auf Mausbewegungen oder Tastatureingaben des Nutzers reagieren können, beispielsweise bei der Anwendung von Dynamisches HTML und AJAX.
Wie bei allem, was mit Webseiten zu tun hat, ist die W3C auch einen Standard für HTML-Ereignisse etabliert. Diese Spezifikation gibt an, welche Veranstaltungen zu welchem HTML-Elemente verlinkt werden kann und wie diese Verbindung hergestellt werden kann. Die Antwort auf a Veranstaltung ruft a HTML-Skript. Wie bei anderen vom W3C erarbeiteten Standards hat auch hier jeder Browser eine eigene Implementierung der Events, die sich teilweise deutlich voneinander unterscheiden können.
Anwendung
Codieren eines HTML-Ereignisses
<img src="voorbeeld.png" onclick="alert('hallo');"/>Der Kasten rechts zeigt ein Beispiel dafür, wie a Veranstaltung (in diesem Fall das Klicken mit der Maus) ist mit einem Bild in einer Webseite verknüpft. Neben dem Klicken mit der Maus gibt es eine Vielzahl anderer Veranstaltungen definiert, einschließlich "mouseover" für "bewegen der Maus zum Element", "mouseout" für "bewegen der Maus aus dem Element", "Tastendruck" für "eine Taste wird gedrückt" und so weiter.
HTML-Events werden häufig verwendet, um die Navigation in Websites zu verdeutlichen: So werden beispielsweise die zugrunde liegenden Auswahlmöglichkeiten eines Hauptthemas erst sichtbar, wenn der Benutzer die Maus in die Box des Hauptthemas bewegt (und verschwinden wieder, sobald der Benutzer die Maus erneut bewegt ). nimmt weg).
Eine andere häufig verwendete Anwendung ist die Überprüfung eines abgeschlossenen HTML-Formular zum Zeitpunkt des Versands. Der Browser wird angewiesen, das Ereignis "Formular senden" abzufangen und vor Ausführung des Befehls die ausgefüllten Felder zu überprüfen. Wenn die gesetzten Bedingungen nicht erfüllt sind (z. B. keine E-Mail-Adresse angegeben wurde, obwohl diese obligatorisch war), kann der Browser den Versand des Formulars dennoch verhindern und stattdessen den Benutzer auf den Mangel hinweisen.
Browser-Ereignisse
Nächster Veranstaltungen die aus einer Handlung des Nutzers entstehen, gibt es auch Veranstaltungen vom Browser selbst erstellt. Ein Beispiel hierfür ist "load": das Laden eines Dokuments. Wenn ein Dokument im Browser geöffnet wird, dauert es einige Zeit, bis das vollständige Dokument heruntergeladen ist. Auch der Moment, in dem der Browser fertig geladen ist, kann erfasst werden.
Der Unterschied zwischen a Veranstaltung vom Benutzer erstellt und a Veranstaltung verursacht durch den Browser ist nicht immer klar. Veranstaltungen des Browsers entstehen immer indirekt durch eine Handlung des Nutzers.
AttachEvent
Veranstaltungen kann nicht nur im HTML-Code angegeben, sondern auch dynamisch mit einem Element über ein Skript verknüpft werden. Dieser Vorgang heißt "attachEvent" oder "addEventListener" (je nach Browser). Auch das Umgekehrte ist möglich: die Empfindlichkeit eines Elements gegenüber a Veranstaltung richtig entfernen ("detachEvent" oder "removeEventListener").
Diese Funktionen sind beispielsweise wichtig für die Möglichkeit, Abschnitte eines Dokuments per Drag & Drop zu verschieben. Dies geschieht anhand einer Reihe von aufeinander folgenden Veranstaltungen:
- maustaste drücken
- Maus bewegen
- Maustaste loslassen
Das Ziehen sollte nur als Reaktion auf eine Mausbewegung erfolgen, nachdem die Maustaste gedrückt wurde, jedoch bevor die Maustaste losgelassen wird. Wenn Sie die Maus außerhalb dieses Kontexts bewegen, sollte keine Reaktion erfolgen. Um dieses Problem zu lösen, wird beim Drücken der Maustaste eine Empfindlichkeit gegenüber Mausbewegungen hinzugefügt und beim Loslassen der Maustaste wieder entfernt.
sprudelnd
Der Begriff sprudelnd hat mit der Weitergabe von a zu tun Veranstaltung in einem gegebenen HTML-Element zu einem (hierarchischen) Elternelement. Die HTML-Elemente können verschachtelt werden: Ein Element ist vollständig in einem anderen Element enthalten. Zum Beispiel ein Bild in einer Tabelle. Grundsätzlich gilt auch ein Mausklick auf das Bild als Mausklick auf die Tabelle. Mit sprudelnd ist gemeint, dass ein empfangener Veranstaltung wird an ein übergeordnetes Element übergeben, in diesem Fall vom Bild an die Tabelle. Es ist möglich, dass eine Weitergabe unerwünscht ist und in diesem Fall die sprudelnd gestoppt werden.
sprudelnd spielt gar nicht Veranstaltungen eine Rolle. Etwas Veranstaltungen werden nie an übergeordnete Elemente weitergegeben.
Siehe auch
Externe Links
| Web-Design | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|