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 |