Welche Arten von Ereignissen (Events) gibt es?

Es gibt viele Arten von Ereignissen, aber die häufigsten können in Kategorien gruppiert werden:

• Benutzeroberflächenereignisse:

  • click: Mausklick auf ein Element.
  • dblclick: Doppelklick auf ein Element.
  • mousedown: Maustaste gedrückt (bevor sie losgelassen wird).
  • mouseup: Maustaste losgelassen.
  • mousemove: Mauszeiger bewegt sich über ein Element.
  • mouseover: Mauszeiger über einem Element.
  • mouseout: Mauszeiger verlässt ein Element.
  • mouseenter: Mauszeiger über einem Element (vererbt nicht von Kinderelementen).
  • mouseleave: Mauszeiger verlässt ein Element (vererbt nicht von Kinderelementen).
  • contextmenu: Kontextmenü mit der rechten Maustaste aufrufen.

• Tastaturereignisse:

  • keydown: Taste gedrückt (bevor sie losgelassen wird).
  • keyup: Taste losgelassen.
  • keypress: Taste gedrückt und gehalten, erzeugt Zeichen-Eingabedaten. (Veraltet, es wird empfohlen, keydown und keyup zu verwenden).

• Formularereignisse:

  • submit: Formular absenden.
  • change: Wert eines Formularelements ändern (z.B. <input>, <select>, <textarea>).
  • input: Wert eines Formularelements ändern, wenn sein Inhalt interaktiv geändert wird.
  • focus: Element erhält Fokus.
  • blur: Element verliert Fokus.
  • cut: Inhalt ausschneiden.
  • copy: Inhalt kopieren.
  • paste: Inhalt einfügen.

• Lade- und Fehlerereignisse:

  • load: Abschluss des Ladens einer Ressource (z.B. Bild, Skript, Seite).
  • unload: Seite verlassen.
  • beforeunload: Versuch, die Seite zu verlassen (zeigt eine Bestätigungsdialog an).
  • error: Fehler beim Laden einer Ressource oder Ausführen eines Skripts.

• Fokusereignisse (FocusEvent):

  • focusin: Das Element oder eines seiner Kind-Elemente erhält Fokus.
  • focusout: Das Element oder eines seiner Kind-Elemente verliert Fokus.

• Scroll-Ereignisse:

  • scroll: Element wird gescrollt.

• Touch-Ereignisse (für Touch-Geräte):

  • touchstart: Finger berührt den Bildschirm.
  • touchend: Finger hebt sich vom Bildschirm.
  • touchmove: Finger bewegt sich auf dem Bildschirm.
  • touchcancel: Touch-Ereignis wurde unterbrochen (z.B. durch Aufruf des Systemmenüs).

• Drag-and-Drop-Ereignisse:

  • dragstart: Beginn des Ziehvorgangs.
  • drag: Element wird gezogen.
  • dragend: Ende des Ziehvorgangs.
  • dragenter: Element wurde über eine gültige Drop-Zone gezogen.
  • dragleave: Element wurde aus einer gültigen Drop-Zone gezogen.
  • dragover: Element wurde über eine gültige Drop-Zone gezogen (erfordert, das Standardverhalten zu deaktivieren, um das Ablegen zu ermöglichen).
  • drop: Element wurde auf eine gültige Drop-Zone fallen gelassen.

• Browser-Historienereignisse:

  • popstate: Änderung des aktiven Eintrags im Verlauf beim Navigieren (z.B. beim Klicken auf "Zurück/Vor"-Button).

• Fenstergrößenänderungsereignisse:

  • resize: Änderung der Größe des Browserfensters.

Dies ist keine vollständige Liste, aber sie deckt die häufigsten und wichtigsten Ereignistypen in der Webentwicklung ab. Das Verständnis ihrer Zwecke und ihres Verhaltens ist entscheidend für die Erstellung interaktiver Webanwendungen.