JavaScript User Interface Ereignisse

Mohamed Flore
JavaScript User Interface Ereignisse
JavaScript -Ereignisse werden als die Interaktion zwischen JavaScript und HTML definiert. Ereignisse treten jedes Mal auf, wenn die Webseite vom Benutzer oder dem Browser manipuliert wird. DOM -Version 3 des Dokumentobjektmodells (DOM) besteht aus JavaScript -Ereignissen. Diese sind Teil aller HTML -Elemente und können Javascript -Code aktivieren. Klicken Sie auf eine Taste, Drücken einer Taste, Maximierung eines Fensters usw. werden als Ereignis angesehen. Es gibt verschiedene Arten von JavaScript -Ereignissen, wir werden jedoch in diesem Tutorial speziell JavaScript User Interface -Ereignisse besprechen.

JavaScript User Interface Ereignisse

Ereignisse, die über die Benutzeroberfläche erfolgen. Es gibt verschiedene Arten von Ereignissen, die unter die Kategorie der Ereignisse der JavaScript -Benutzeroberfläche fallen.

Die Ereignisse der JavaScript -Benutzeroberfläche sind wie folgt.

  1. Onabort -Event
  2. onbeforeUnload Ereignis
  3. OnError -Event
  4. Onload -Ereignis
  5. Onresize -Veranstaltung
  6. ONSCROLL -Event
  7. OnSelect -Veranstaltung
  8. Onunload -Ereignis

Jedes der oben genannten Ereignisse wird unten diskutiert.

Onabort -Event

Wenn Sie das Laden/Herunterladen eines Mediens abbrechen i.e. Audio/Video, das Onabort -Ereignis erfolgt. Es geschieht jedoch nicht aufgrund eines Fehlers. Es sprudelt nicht und es ist auch nicht stornierbar. Es unterstützt die und HTML -Tags und ist in DOM Level 3 enthalten.

Syntax

Syntax des Onbabort -Ereignisses ist wie folgt.

HTML -Syntax

JavaScript -Syntax

Objekt.onabort = function () script;

JavaScript addEventListener () Syntax

Objekt.addEventListener ("abort", script);

Beispiel

var Video = Dokument.GetElementById ("myvideo");
Video.Onabort = function ()
alarm ("laden abgebrochen");
;

onbeforeUnload Ereignis

Wenn Sie kurz vor dem Entladen eines Dokument. Infolge dieses Ereignisses wird ein Bestätigungsdialogfeld angezeigt, in dem Sie gefragt werden, ob Sie auf der Seite bleiben oder es verlassen möchten. Es sprudelt nicht, aber es ist stornierbar. Es unterstützt das HTML -Tag und ist in DOM Level 2 enthalten.

Syntax:

Die Syntax des Ereignisses auf dem Vorfeld ist wie folgt.

HTML -Syntax:

JavaScript -Syntax:

Objekt.onbeforeUnload = function () script;

JavaScript addEventListener () Syntax:

Objekt.addEventListener ("voranladung", Skript);

Beispiel




Klicken Sie auf den Link unten


Klicken Sie hier, um Google zu besuchen


In diesem Beispiel, wenn wir auf den Link klicken, dann vor der Navigation zum Google.com, eine Warnbox wird angezeigt, wie im unten beigefügten Screenshot demonstriert.

Ausgang

OnError -Event

Wenn ein Fehler auftritt, wenn Sie eine externe Datei wie ein Dokument oder ein Bild laden, erfolgt das OnError -Ereignis. Es sprudelt nicht und es ist auch nicht stornierbar. Es unterstützt,,, und HTML -Tags und ist in DOM Level 2 enthalten.

Syntax:

Syntax des Onerror -Ereignisses lautet wie folgt.

HTML -Syntax:

JavaScript -Syntax:

Objekt.onError = function () script;

JavaScript addEventListener () Syntax:

Objekt.AddEventListener ("Fehler", Skript);

Beispiel







Ausgang

Onload -Ereignis

Wenn Sie ein Objekt laden, erfolgt das Onload -Ereignis. Das Onload -Ereignis verwendet die Informationen zum Benutzerbrowser, um eine geeignete Version von Webseiten zu laden. Es kann Webseiten -Cookies verarbeiten, außerdem sprudelt es nicht und kann nicht storniert werden. Es unterstützt die , ,