Podręcznik referencyjny wydarzeń HTML

Polecane kursy:

Globalne atrybuty zdarzeń

HTML ma zdolność wywoływania działań w przeglądarce, takich jak uruchomienie skryptu JavaScript, gdy użytkownik kliknie element. Kurs JavaScriptAby uzyskać więcej informacji na temat zdarzeń programowych, odwiedź naszą

。

Poniżej znajdują się globalne atrybuty zdarzeń, które można dodać do elementów HTML, aby zdefiniować operacje zdarzeń.

Atrybuty zdarzeń okna

właściwość atrybut wartość
Zdarzenia wywoływane dla obiektu window (zastosowane do etykiety <body>): skrypt Skrypt uruchamiany po drukowaniu dokumentu.
onbeforeprint skrypt Skrypt uruchamiany przed drukowaniem dokumentu.
onbeforeunload skrypt Skrypt uruchamiany przed wyładowaniem dokumentu.
onerror skrypt Skrypt uruchamiany, gdy występuje błąd.
onhaschange skrypt Skrypt uruchamiany, gdy dokument zostaje zmieniony.
onload skrypt Wywoływane po zakończeniu ładowania strony.
onmessage skrypt Skrypt uruchamiany, gdy jest wywoływane wiadomość.
onoffline skrypt Skrypt uruchamiany, gdy dokument jest dostępny offline.
ononline skrypt Skrypt uruchamiany, gdy dokument jest dostępny online.
onpagehide skrypt Skrypt uruchamiany, gdy okno staje się niewidoczne.
onpageshow skrypt Skrypt uruchamiany, gdy okno staje się widoczne.
onpopstate skrypt Skrypt uruchamiany, gdy zmienia się historia okna.
onredo skrypt Skrypt uruchamiany podczas wykonywania redo w dokumencie.
onresize skrypt Wywoływane, gdy rozmiar okna przeglądarki jest zmieniany.
onstorage skrypt Skrypt uruchamiany po aktualizacji obszaru Web Storage.
onundo skrypt Skrypt uruchamiany podczas wykonywania undo w dokumencie.
onunload skrypt Wywoływane po załadowaniu strony (lub zamknięciu okna przeglądarki).

Zdarzenia formularza

Zdarzenia wywoływane przez akcję w formularzu HTML (zastosowane do prawie wszystkich elementów HTML, ale najczęściej w elementach formularza):

właściwość atrybut wartość
onblur skrypt 元素失去焦点时运行的脚本。
onblur skrypt Skrypty uruchamiane, gdy element traci skupienie.
onchange skrypt Skrypty uruchamiane, gdy menu kontekstowe jest wywoływane.
oncontextmenu skrypt Skrypty uruchamiane, gdy element otrzymuje skupienie.
onformchange skrypt Skrypty uruchamiane, gdy formularz się zmienia.
onforminput skrypt Skrypty uruchamiane, gdy formularz otrzymuje wprowadzenie użytkownika.
oninput skrypt Skrypty uruchamiane, gdy element otrzymuje wprowadzenie użytkownika.
oninvalid skrypt Skrypty uruchamiane, gdy element jest nieważny.
onreset skrypt Wywoływane, gdy przycisk reset w formularzu jest klikany. Nieobsługiwane w HTML5.
onselect skrypt Wywoływane, gdy tekst w elemencie jest zaznaczony.
onsubmit skrypt Wywoływane, gdy formularz jest wysyłany.

Keyboard events

właściwość atrybut wartość
onkeydown skrypt Wywoływane, gdy użytkownik wciska klawisz.
onkeypress skrypt Wywoływane, gdy użytkownik naciska klawisz.
onkeyup skrypt Wywoływane, gdy użytkownik puści klawisz.

Mouse events

Zdarzenia wywoływane przez mysz lub podobne działania użytkownika:

właściwość atrybut wartość
onclick skrypt Wywoływane, gdy element jest klikany.
ondblclick skrypt Wywoływane, gdy element jest klikany dwukrotnie.
ondrag skrypt Skrypty uruchamiane, gdy element jest przeciągany.
ondragend skrypt Skrypty uruchamiane na końcu operacji przeciągania.
ondragenter skrypt Skrypty uruchamiane, gdy element jest przeciągnięty do aktywnego obszaru przeciągania.
ondragleave skrypt Skrypty uruchamiane, gdy element opuszcza aktywny cel przeciągania.
ondragover skrypt Skrypty uruchamiane, gdy element jest przeciągany na aktywny cel przeciągania.
ondragstart skrypt Skrypty uruchamiane na początku operacji przeciągania.
ondrop skrypt Skrypty uruchamiane, gdy element jest przeciągany i upuszczany.
onmousedown skrypt Wywoływane, gdy przycisk myszy jest naciśnięty na elemencie.
onmousemove skrypt Wywoływane, gdy kursor myszy jest umieszczony na elemencie.
onmouseout skrypt Wywoływane, gdy kursor myszy opuszcza element.
onmouseover skrypt Wywoływane, gdy kursor myszy jest umieszczony na elemencie.
onmouseup skrypt Wywoływane, gdy przycisk myszy jest puściany na elemencie.
onmousewheel skrypt Skrypty uruchamiane, gdy kółko myszy jest przewijane.
onscroll skrypt Skrypty uruchamiane, gdy element ma paski przewijania.

Media events

Zdarzenia wywoływane przez media (np. wideo, obrazy i dźwięk):

właściwość atrybut wartość
opis skrypt Skrypt uruchamiany podczas wyjścia
oncanplay skrypt Skrypt uruchamiany, gdy plik jest gotowy do odtwarzania (buforowanie jest wystarczające do rozpoczęcia odtwarzania)
oncanplaythrough skrypt Skrypt uruchamiany, gdy media mogą być odtwarzane do końca bez konieczności buforowania
ondurationchange skrypt Skrypt uruchamiany, gdy zmienia się długość mediów
onemptied skrypt Skrypt uruchamiany, gdy występuje awaria i plik nagle nie jest dostępny (np. gdy połączenie zostanie niespodziewanie przerwane)
onended skrypt Skrypt uruchamiany, gdy media osiągnęły koniec (można wysłać komunikat, taki jak 'Dziękujemy za obejrzenie')
onerror skrypt Skrypt uruchamiany, gdy podczas ładowania pliku występuje błąd
onloadeddata skrypt Skrypt uruchamiany, gdy dane mediów są załadowane
onloadedmetadata skrypt Skrypt uruchamiany, gdy są ładowane metadane (np. rozdzielczość i długość)
onloadstart skrypt Skrypt uruchamiany, gdy zaczyna się ładowanie pliku, ale jeszcze nie załadowano żadnych danych
onpause skrypt Skrypt uruchamiany, gdy media są wstrzymane przez użytkownika lub program
onplay skrypt Skrypt uruchamiany, gdy media są gotowe do odtwarzania
onplaying skrypt Skrypt uruchamiany, gdy media zaczynają się odtwarzać
onprogress skrypt Skrypt uruchamiany, gdy przeglądarka pobiera dane mediów
onratechange skrypt Skrypt uruchamiany, gdy zmienia się prędkość odtwarzania (np. gdy użytkownik przełącza się na tryb powolnego lub przyspieszonego odtwarzania)
onreadystatechange skrypt Skrypt uruchamiany, gdy zmienia się stan gotowości (monitoruje stan danych mediów)
onseeked skrypt Skrypt uruchamiany, gdy właściwość seeking jest ustawiona na false (oznaczając, że lokalizacja zakończyła się)
onseeking skrypt Skrypt uruchamiany, gdy właściwość seeking jest ustawiona na true (oznaczając, że lokalizacja jest aktywna)
onstalled skrypt Skrypt uruchamiany, gdy przeglądarka nie może pobrać danych mediów z jakiegokolwiek powodu
onsuspend skrypt Skrypt uruchamiany, gdy z jakiegoś powodu zatrzymuje się pobieranie danych mediów przed pełnym załadowaniem
ontimeupdate skrypt Skrypt uruchamiany, gdy zmienia się pozycja odtwarzania (np. gdy użytkownik przeskakuje do innej pozycji w mediach)
onvolumechange skrypt Skrypt uruchamiany, gdy zmienia się głośność (w tym gdy głośność jest ustawiona na cichy)
onwaiting skrypt Gdy media zatrzymuje się, ale ma być kontynuowane (np. gdy media wstrzymują się, aby załadować więcej danych)