Jakie rodzaje wydarzeń (eventów) istnieją?

Istnieje wiele typów zdarzeń, ale najczęstsze można pogrupować według kategorii:

• Zdarzenia interfejsu użytkownika:

  • click: Kliknięcie przycisku myszy na elemencie.
  • dblclick: Podwójne kliknięcie przycisku myszy na elemencie.
  • mousedown: Naciśnięcie przycisku myszy (przed zwolnieniem).
  • mouseup: Zwolnienie przycisku myszy.
  • mousemove: Ruch wskaźnika myszy nad elementem.
  • mouseover: Najechanie wskaźnikiem myszy na element.
  • mouseout: Opuszczenie wskaźnika myszy z elementu.
  • mouseenter: Wskazanie myszy na element (nie rozprzestrzenia się z elementów potomnych).
  • mouseleave: Opuszczenie myszy z elementu (nie rozprzestrzenia się z elementów potomnych).
  • contextmenu: Wywołanie menu kontekstowego prawym przyciskiem myszy.

• Zdarzenia klawiatury:

  • keydown: Naciśnięcie klawisza (przed zwolnieniem).
  • keyup: Zwolnienie klawisza.
  • keypress: Naciśnięcie i przytrzymanie klawisza, generujące dane wejściowe znaków. (Przestarzałe, zaleca się używanie keydown i keyup).

• Zdarzenia formularza:

  • submit: Wysłanie formularza.
  • change: Zmiana wartości elementu formularza (np. <input>, <select>, <textarea>).
  • input: Zmiana wartości elementu formularza, gdy jego zawartość jest interaktywnie zmieniana przez użytkownika.
  • focus: Element otrzymuje fokus.
  • blur: Element traci fokus.
  • cut: Wycięcie zawartości.
  • copy: Skopiowanie zawartości.
  • paste: Wklejenie zawartości.

• Zdarzenia ładowania i błędów:

  • load: Zakończenie ładowania zasobu (np. obraz, skrypt, strona).
  • unload: Opuszczenie strony.
  • beforeunload: Próba opuszczenia strony (pozwala na wyświetlenie dialogu potwierdzenia).
  • error: Wystąpił błąd podczas ładowania zasobu lub wykonywania skryptu.

• Zdarzenia fokusu (FocusEvent):

  • focusin: Element lub dowolny jego element podrzędny otrzymuje fokus.
  • focusout: Element lub dowolny jego element podrzędny traci fokus.

• Zdarzenia przewijania:

  • scroll: Przewijanie elementu.

• Zdarzenia dotykowe (dla urządzeń dotykowych):

  • touchstart: Palec dotyka ekranu.
  • touchend: Palec odrywa się od ekranu.
  • touchmove: Palec porusza się po ekranie.
  • touchcancel: Zdarzenie dotyku zostało przerwane (np. z powodu wywołania menu systemowego).

• Zdarzenia przeciągania i upuszczania:

  • dragstart: Rozpoczęcie przeciągania.
  • drag: Element jest przeciągany.
  • dragend: Zakończenie przeciągania.
  • dragenter: Element został przeciągnięty nad dozwoloną strefę upuszczania.
  • dragleave: Element został przeciągnięty z dozwolonej strefy upuszczania.
  • dragover: Element został przeciągnięty nad dozwoloną strefę upuszczania (wymaga anulowania domyślnego zachowania, aby umożliwić upuszczenie).
  • drop: Element został upuszczony na dozwoloną strefę upuszczania.

• Zdarzenia historii przeglądarki:

  • popstate: Zmiana aktywnego wpisu w historii podczas nawigacji (np. kliknięcie przycisku "Wstecz/Dalej").

• Zdarzenia zmiany rozmiaru okna:

  • resize: Zmiana rozmiaru okna przeglądarki.

To nie jest lista wyczerpująca, ale obejmuje najczęstsze i najważniejsze typy zdarzeń w rozwoju stron internetowych. Zrozumienie ich celu i zachowania jest kluczowe dla tworzenia interaktywnych aplikacji internetowych.