HTML - Dokumentacja zdarzeń
Kiedy użytkownicy odwiedzają Twoją witrynę, robią takie rzeczy, jak klikanie różnych linków, najeżdżanie myszą na tekst i obrazy itp. Są to przykłady tego, co nazywamy zdarzeniami w terminologii JavaScript i VBScript.
Możemy napisać nasze programy obsługi zdarzeń za pomocą JavaScript lub VBScript i możemy określić niektóre działania, które mają być podjęte przeciwko tym zdarzeniom. Chociaż to są zdarzenia, ale zostaną określone jako atrybuty dla tagów HTML.
W specyfikacji HTML 4.01 zdefiniowano 19 zdarzeń, ale później HTML-5 dodał wiele innych zdarzeń, które wymieniliśmy tutaj -
Atrybuty zdarzeń okien
Poniższe zdarzenia zostały wprowadzone w starszych wersjach HTML, ale wszystkie tagi oznaczone
Wydarzenia | HTML-5 | Opis |
---|---|---|
onafterprint |
|
Wyzwalacze po wydrukowaniu dokumentu |
onbeforeprint |
|
Wyzwalacze przed wydrukowaniem dokumentu |
onbeforeonload |
|
Wyzwalacze przed załadowaniem dokumentu |
onerror |
|
Uruchamia się, gdy wystąpi błąd |
onhaschange |
|
Wyzwalacze, gdy dokument się zmienił |
onload | Uruchamia się po załadowaniu dokumentu | |
onmessage |
|
Wyzwalacze po wyzwoleniu wiadomości |
onoffline |
|
Uruchamia się, gdy dokument przechodzi w tryb offline |
ononline |
|
Wyzwalacze, gdy dokument pojawia się w trybie online |
onpagehide |
|
Uruchamia się, gdy okno jest ukryte |
onpageshow |
|
Uruchamia się, gdy okno staje się widoczne |
onpopstate |
|
Uruchamia się, gdy zmienia się historia okna |
onredo |
|
Wyzwalacze, gdy dokument wykonuje ponowienie |
onresize |
|
Wyzwalacze, gdy zmienia się rozmiar okna |
przechowywanie |
|
Uruchamia się po załadowaniu dokumentu |
onundo |
|
Wyzwalacze, gdy dokument wykonuje cofnięcie |
onunload | Wyzwalacze, gdy użytkownik opuszcza dokument |
Formy wydarzeń
Następujące tagi zostały wprowadzone w starszych wersjach HTML, ale wszystkie tagi oznaczone
Wydarzenia | HTML-5 | Opis |
---|---|---|
onblur | Uruchamia się, gdy okno traci ostrość | |
onchange | Uruchamia się, gdy element się zmienia | |
oncontextmenu |
|
Uruchamia się po wywołaniu menu kontekstowego |
skupienie | Uruchamia się, gdy okno staje się aktywne | |
onformchange |
|
Wyzwalacze, gdy formularz ulega zmianie |
onforminput |
|
Wyzwalacze, gdy formularz otrzymuje dane wejściowe użytkownika |
oninput |
|
Uruchamia się, gdy element otrzymuje dane wejściowe użytkownika |
oninvalid |
|
Wyzwalacze, gdy element jest nieprawidłowy |
onreset | Wyzwalacze, gdy formularz jest resetowany | |
onselect | Uruchamia się po wybraniu elementu | |
onsubmit | Wyzwalacze po przesłaniu formularza |
Wydarzenia na klawiaturze
Wydarzenia | HTML-5 | Opis |
---|---|---|
onkeydown | Wyzwalane po naciśnięciu klawisza | |
onkeypress | Uruchamia się po naciśnięciu i zwolnieniu klawisza | |
onkeyup | Wyzwalacze po zwolnieniu klucza |
Wydarzenia myszy
Następujące tagi zostały wprowadzone w starszych wersjach HTML, ale wszystkie tagi oznaczone
Wydarzenia | HTML-5 | Opis |
---|---|---|
na kliknięcie | Wyzwalacze po kliknięciu myszą | |
ondblclick | Wyzwalacze po dwukrotnym kliknięciu myszą | |
ondrag |
|
Uruchamia się, gdy element jest przeciągany |
ondragend |
|
Wyzwalacze na końcu operacji przeciągania |
ondragenter |
|
Uruchamia się, gdy element został przeciągnięty do prawidłowego miejsca docelowego upuszczania |
ondragleave |
|
Uruchamia się, gdy element opuszcza prawidłowy cel upuszczania |
ondragover |
|
Uruchamia się, gdy element jest przeciągany na prawidłowy cel upuszczania |
ondragstart |
|
Wyzwalacze na początku operacji przeciągania |
ondrop |
|
Uruchamia się, gdy przeciągany element jest upuszczany |
onmousedown | Uruchamia się po naciśnięciu przycisku myszy | |
onmousemove | Uruchamia się, gdy porusza się wskaźnik myszy | |
onmouseout | Uruchamia się, gdy wskaźnik myszy wychodzi poza element | |
onmouseover | Uruchamia się, gdy wskaźnik myszy przesuwa się nad elementem | |
onmouseup | Wyzwalane po zwolnieniu przycisku myszy | |
onmousewheel |
|
Wyzwalacze podczas obracania kółka myszy |
onscroll |
|
Uruchamia się, gdy przewijany jest pasek przewijania elementu |
Wydarzenia medialne
Następujące tagi zostały wprowadzone w starszych wersjach HTML, ale wszystkie tagi oznaczone
Wydarzenia | HTML-5 | Opis |
---|---|---|
onabort | Wyzwalacze w przypadku przerwania zdarzenia | |
oncanplay |
|
Uruchamia się, gdy nośnik może rozpocząć odtwarzanie, ale może zostać zatrzymany w celu buforowania |
oncanplaythrough |
|
Uruchamia się, gdy multimedia mogą być odtwarzane do końca, bez zatrzymywania się w celu buforowania |
ondurationchange |
|
Wyzwalane w przypadku zmiany długości nośnika |
onemptied |
|
Uruchamia się, gdy element zasobów multimedialnych nagle staje się pusty. |
onended |
|
Uruchamia się, gdy media dobiegły końca |
onerror |
|
Uruchamia się, gdy wystąpi błąd |
onloadeddata |
|
Wyzwalane po załadowaniu danych multimedialnych |
onloadedmetadata |
|
Wyzwalane, gdy czas trwania i inne dane multimedialne elementu multimedialnego są ładowane |
onloadstart |
|
Uruchamia się, gdy przeglądarka zaczyna ładować dane multimedialne |
onpause |
|
Uruchamia się, gdy dane multimedialne są wstrzymane |
onplay |
|
Wyzwalacze, gdy rozpocznie się odtwarzanie danych multimedialnych |
gra |
|
Wyzwalacze, gdy rozpoczęły się odtwarzanie danych multimedialnych |
w trakcie |
|
Uruchamia się, gdy przeglądarka pobiera dane multimedialne |
onratechange |
|
Wyzwalane, gdy zmieniła się szybkość odtwarzania danych multimedialnych |
onreadystatechange |
|
Uruchamia się, gdy zmienia się stan gotowości |
onseeked |
|
Uruchamia się, gdy atrybut wyszukiwania elementu medialnego nie jest już prawdziwy, a wyszukiwanie zostało zakończone |
poszukujący |
|
Uruchamia się, gdy atrybut poszukiwania elementu medialnego jest prawdziwy i poszukiwanie już się rozpoczęło |
zainstalowany |
|
Uruchamia się, gdy wystąpi błąd podczas pobierania danych multimedialnych |
onsuspend |
|
Wyzwalacze, gdy przeglądarka pobierała dane multimedialne, ale zatrzymała się przed pobraniem całego pliku multimedialnego |
ontimeupdate |
|
Uruchamia się, gdy media zmieniają swoją pozycję odtwarzania |
onvolumechange |
|
Uruchamia się, gdy multimedia zmieniają głośność, także gdy głośność jest ustawiona na „wyciszenie” |
oczekiwanie |
|
Uruchamia się, gdy multimedia przestały być odtwarzane, ale oczekuje się ich wznowienia |