Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM Events


HTML DOM Events

zdarzenia DOM HTML pozwalają JavaScript, żeby zarejestrować obsługi zdarzeń na różnych elementów w dokumencie HTML.

Zdarzenia są zwykle używane w połączeniu z funkcjami, a funkcja nie zostanie wykonana przed wystąpieniem zdarzenia (such as when a user clicks a button) .

Tip: W modelu Impreza została znormalizowana przez W3C w DOM Level 2.


HTML DOM Events

DOM: Wskazuje DOM Level nieruchomość została wprowadzona.

Zdarzenia myszy

Zdarzenie Opis DOM
na kliknięcie Zdarzenie występuje, gdy użytkownik kliknie na elemencie 2
oncontextmenu Zdarzenie występuje, gdy użytkownik kliknie prawym przyciskiem myszy na element, aby otworzyć menu kontekstowe 3
ondblclick Zdarzenie wystąpi, gdy użytkownik kliknie dwukrotnie na elemencie 2
onmousedown Zdarzenie ma miejsce, gdy użytkownik naciśnie przycisk myszy nad elementem 2
onmouseenter Zdarzenie wystąpi, gdy wskaźnik jest przesuwany na elemencie 2
onmouseleave Zdarzenie wystąpi, gdy wskaźnik jest przesuwany z elementu 2
onmousemove Zdarzenie wystąpi, gdy wskaźnik porusza się, gdy jest nad elementem 2
onmouseover Zdarzenie wystąpi, gdy wskaźnik jest przesuwany na elemencie, lub na jednym ze swoich dzieci 2
onmouseout Zdarzenie występuje, gdy użytkownik przesuwa wskaźnik myszy na elemencie, albo z jednego z jej dzieci 2
onmouseup Zdarzenie ma miejsce, gdy użytkownik zwolni przycisk myszy nad elementem 2

Zdarzenia klawiatury

Zdarzenie Opis DOM
onkeydown Zdarzenie występuje, gdy użytkownik naciska klawisz 2
onkeypress Zdarzenie występuje, gdy użytkownik naciśnie klawisz 2
onkeyup Zdarzenie występuje, gdy użytkownik zwolni klawisz 2

Rama / przedmiot wydarzenia

Zdarzenie Opis DOM
onabort Zdarzenie występuje, gdy obciążenie zasobu została przerwana 2
onbeforeunload Impreza odbywa się przed dokument ma być rozładowywane 2
onerror Zdarzenie ma miejsce, gdy wystąpi błąd podczas ładowania pliku zewnętrznego 2
onhashchange Zdarzenie ma miejsce, gdy doszło do zmiany części kotwicy URL 3
onload Zdarzenie ma miejsce, gdy obiekt jest ładowany 2
onpageshow Zdarzenie występuje, gdy użytkownik przechodzi do strony internetowej 3
onpagehide Zdarzenie występuje, gdy użytkownik opuści strony internetowej 3
onresize Zdarzenie ma miejsce, gdy dokument jest zmieniany widok 2
onscroll Zdarzenie ma miejsce, gdy pasek przewijania jest elementem jest przewijane 2
onunload Impreza odbywa się raz w stronę rozładowane (dla <body>) 2

Forma wydarzenia

Zdarzenie Opis DOM
onblur Zdarzenie ma miejsce, gdy element traci fokus 2
onchange Zdarzenie występuje, gdy zawartość elementu formy, doboru lub sprawdzanego stanu uległy zmianie (for <input>, <keygen>, <select>, and <textarea>) 2
onfocus Zdarzenie ma miejsce, gdy element staje się skupić 2
onfocusin Zdarzenie ma miejsce, gdy element ma zamiar uzyskać ostrość 2
onfocusout Zdarzenie ma miejsce, gdy element ma zamiar stracić ostrość 2
oninput Zdarzenie ma miejsce, gdy element pobiera dane wejściowe użytkownika 3
oninvalid Zdarzenie ma miejsce, gdy element jest nieważny 3
onreset Zdarzenie ma miejsce, gdy formularz jest resetowany 2
onsearch Zdarzenie występuje, gdy użytkownik zapisuje coś w polu wyszukiwania (dla <input = „search”>) 3
onselect Impreza odbywa się po wybraniu przez użytkownika tekst (for <input> and <textarea>) 2
onsubmit Zdarzenie ma miejsce, gdy formularz jest składany 2

Przeciągnij Wydarzenia

Zdarzenie Opis DOM
ondrag Zdarzenie ma miejsce, gdy dany element jest przeciągany 3
ondragend Zdarzenie ma miejsce, gdy użytkownik zakończy przeciągając element 3
ondragenter Zdarzenie ma miejsce, gdy przeciągany elementu przechodzi obiekt docelowy 3
ondragleave Zdarzenie ma miejsce, gdy przeciągany elementem pozostawia cel upuszczenia 3
onDragOver Zdarzenie ma miejsce, gdy przeciągany elementem jest na obiekt docelowy 3
ondragstart Zdarzenie występuje, gdy użytkownik uruchamia przeciągnąć element 3
ondrop Zdarzenie ma miejsce, gdy element jest przeciągany spadła na obiekt docelowy 3

Schowek Wydarzenia

Zdarzenie Opis DOM
oncopy Zdarzenie występuje, gdy użytkownik kopiuje zawartość pierwiastka
oncut Zdarzenie występuje, gdy użytkownik odcina zawartość pierwiastka
onpaste Zdarzenie występuje, gdy użytkownik wkleja pewne treści w elemencie

Print Wydarzenia

Zdarzenie Opis DOM
onafterprint Zdarzenie ma miejsce, gdy strona rozpoczęciu drukowania lub jeśli okno dialogowe drukowania zostało zamknięte 3
onbeforeprint Zdarzenie ma miejsce, gdy strona ma być drukowana 3

Wydarzenia medialne

Zdarzenie Opis DOM
onabort Zdarzenie ma miejsce, gdy ładowanie nośnika jest przerywany 3
oncanplay Zdarzenie ma miejsce, gdy przeglądarka może rozpocząć odtwarzanie multimediów (jeśli jest buforowane na tyle, aby rozpocząć) 3
oncanplaythrough Zdarzenie ma miejsce, gdy przeglądarka może grać za pośrednictwem mediów, nie zatrzymując się do buforowania 3
ondurationchange Zdarzenie ma miejsce, gdy czas trwania mediów zmienia się 3
onemptied Zdarzenie ma miejsce, gdy dzieje się coś złego, a plik jest niedostępny nagle (like unexpectedly disconnects) 3
onended Zdarzenie wystąpi, gdy nośnik ma dotrzeć do końca (useful for messages like "thanks for listening") 3
onerror Zdarzenie ma miejsce, gdy wystąpił błąd podczas ładowania pliku multimedialnego 3
onloadeddata Zdarzenie ma miejsce, gdy nośniki są ładowane 3
onloadedmetadata Zdarzenie ma miejsce, gdy metadane (like dimensions and duration) jest załadowany 3
onloadstart Impreza odbywa się po uruchomieniu szuka określonego nośnika przeglądarka 3
OnPause Zdarzenie wystąpi, gdy nośnik jest wstrzymana albo przez użytkownika lub programowo 3
onplay Zdarzenie wystąpi, gdy nośnik został uruchomiony lub nie jest już wstrzymane 3
onplaying Zdarzenie wystąpi, gdy nośnik jest odtwarzany po wstrzymaniu lub zatrzymaniu do buforowania 3
onProgress Zdarzenie ma miejsce, gdy przeglądarka jest w procesie uzyskiwania danych multimedialnych (downloading the media) 3
onratechange Impreza odbywa się przy prędkości odtwarzania mediów zmienia się 3
onseeked Zdarzenie ma miejsce, gdy użytkownik jest zakończeniu przenoszenia / przejście do nowej pozycji w mediach 3
onseeking Zdarzenie występuje, gdy użytkownik zacznie się poruszać / przejście do nowej pozycji w mediach 3
onstalled Zdarzenie ma miejsce, gdy przeglądarka próbuje uzyskać dane multimedialne, ale dane nie są dostępne 3
onsuspend Zdarzenie ma miejsce, gdy przeglądarka nie jest celowo pobierania danych multimedialnych 3
ontimeupdate Zdarzenie ma miejsce, gdy pozycja gry uległ zmianie (jak wtedy, gdy użytkownik szybko do przodu do innego punktu w mediach) 3
onvolumechange Zdarzenie ma miejsce, gdy objętość mediów zmieniła (obejmuje ustawienie głośności na „mute”) 3
onwaiting Zdarzenie zachodzi, gdy nośnik jest wstrzymane, ale oczekuje się, aby wznowić (na przykład, gdy nośnik zatrzymuje w buforze więcej danych) 3

Animacja Zdarzenia

Zdarzenie Opis DOM
animationend Zdarzenie ma miejsce, gdy animacja CSS zakończyła 3
animationiteration Zdarzenie ma miejsce, gdy animacja CSS jest powtarzany 3
animationstart Zdarzenie ma miejsce, gdy rozpoczęła animacji CSS 3

Transition Wydarzenia

Zdarzenie Opis DOM
transitionend Zdarzenie ma miejsce, gdy przejście CSS zakończyła 3

Server-Sent Events

Zdarzenie Opis DOM
onerror Zdarzenie ma miejsce, gdy wystąpi błąd przy źródło zdarzenia
onmessage Impreza odbywa się po odebraniu wiadomości przez źródło zdarzenia
onOpen Impreza odbywa się po nawiązaniu połączenia ze źródłem zdarzeń jest otwarty

Różne wydarzenia

Zdarzenie Opis DOM
onmessage Impreza odbywa się po odebraniu wiadomości przez lub z obiektu (WebSocket, Web Worker, Event Source or a child frame or a parent window) 3
onMouseWheel Przestarzała. Użyj onwheel imprezę zamiast
ononline Zdarzenie ma miejsce, gdy przeglądarka zaczyna pracować w trybie online 3
onoffline Zdarzenie ma miejsce, gdy przeglądarka zaczyna pracować w trybie offline 3
onpopstate Zdarzenie ma miejsce, gdy historia okna zmienia 3
na wystawie Zdarzenie ma miejsce, gdy <menu> Element jest wyświetlany jako menu kontekstowego 3
onstorage Zdarzenie ma miejsce, gdy Web Powierzchnia magazynowa jest aktualizowana 3
ontoggle Zdarzenie występuje, gdy użytkownik otwiera lub zamyka <details> elementu 3
onwheel Zdarzenie ma miejsce, gdy koło rolki myszy górę lub w dół elementu 3

Zdarzenia dotykowe

Zdarzenie Opis DOM
ontouchcancel Zdarzenie występuje, gdy dotyk jest przerwany
ontouchend Zdarzenie ma miejsce, gdy palec zostanie usunięty z ekranu dotykowego
ontouchmove Zdarzenie ma miejsce, gdy palec jest przeciągany po ekranie
ontouchstart Zdarzenie ma miejsce, gdy palec jest umieszczany na ekranie dotykowym

Obiekt zdarzenia

stałe

Stały Opis DOM
CAPTURING_PHASE Prąd fazowy zdarzenie jest fazą chwytania (1) 1
AT_TARGET Aktualnego zdarzenia jest w fazie docelowym, to znaczy jest przetwarzany w celu zdarzenia (2) 2
BUBBLING_PHASE Prąd fazowy zdarzenie jest faza propagacji (3) 3

Nieruchomości

Nieruchomość Opis DOM
pęcherzyki Zwraca czy określone zdarzenie jest zdarzeniem bulgotanie 2
cancelable Zwraca, czy zdarzenie może mieć domyślne działanie zapobiegać 2
currentTarget Zwraca element, którego zdarzenie słuchaczy wywołał zdarzenie 2
defaultPrevented Zwraca czy preventDefault() Metoda nazwano na imprezę 3
eventPhase Zwraca która faza przepływu zdarzenia jest obecnie oceniany 2
isTrusted Zwraca, czy zdarzenie jest zaufany 3
cel Zwraca element, który wywołał zdarzenie 2
znak czasu Zwraca czas (in milliseconds relative to the epoch) , w którym zdarzenie zostało utworzone 2
rodzaj Zwraca nazwę zdarzenia 2
widok Zwraca odwołanie do obiektu okna, w którym zdarzenie wystąpił 2

metody

metoda Opis DOM
preventDefault() Anuluje zdarzenie, jeśli można anulować, co oznacza, że ​​domyślna akcja, która należy do zdarzenia nie wystąpią 2
stopImmediatePropagation() Zapobiega innych słuchaczy tego samego zdarzenia z miano 3
stopPropagation() Zapobiega dalszej propagacji zdarzenia w strumieniu zdarzeń 2

Obiekt MouseEvent

Nieruchomość Opis DOM
altKey Zwraca czy "ALT" klawisz został naciśnięty, gdy zdarzenie mysz została wywołana 2
przycisk Zwraca który przycisk myszy został naciśnięty, gdy zdarzenie mysz została wywołana 2
guziki Zyski, które zostały wciśnięte przyciski myszy, gdy zdarzenie mysz została wywołana 3
clientX Zwraca poziomą współrzędną wskaźnika myszy, w stosunku do bieżącego okna, gdy zdarzenie mysz została wywołana 2
clientY Zwraca pionową współrzędną wskaźnika myszy, w stosunku do bieżącego okna, gdy zdarzenie mysz została wywołana 2
ctrlKey Zwraca czy "CTRL" klucz został naciśnięty, gdy zdarzenie mysz została wywołana 2
Szczegół Zwraca liczbę wskazującą, ile razy został kliknięty mysz 2
klawisz meta Zwraca czy "META" klawisz został naciśnięty, gdy zdarzenie zostało wywołane 2
pageX Zwraca poziomą współrzędną wskaźnika myszy, w stosunku do dokumentu, gdy zdarzenie mysz została wywołana
pageY Zwraca pionową współrzędną wskaźnika myszy, w stosunku do dokumentu, gdy zdarzenie mysz została wywołana
relatedTarget Zwraca element związany z elementem, który wywołał zdarzenie myszy 2
screenX Zwraca poziomą współrzędną wskaźnika myszy, w stosunku do ekranu, gdy zdarzenie zostało wywołane 2
screenY Zwraca pionową współrzędną wskaźnika myszy, w stosunku do ekranu, gdy zdarzenie zostało wywołane 2
klawisz Shift Zwraca czy "SHIFT" klawisz został naciśnięty, gdy zdarzenie zostało wywołane 2
który Zwraca który przycisk myszy został naciśnięty, gdy zdarzenie mysz została wywołana 2

KeyboardEvent obiektu

Nieruchomość Opis DOM
altKey Zwraca czy "ALT" klawisz został naciśnięty, gdy kluczowym wydarzeniem był wyzwalany 2
ctrlKey Zwraca czy "CTRL" klawisz został naciśnięty klawisz, gdy zdarzenie zostało wywołane 2
charCode Zwraca kod znaków Unicode klawisza, który wywołał zdarzenie onkeypress 2
klawisz Zwraca kluczową wartość klucza przedstawionego zdarzenia 3
Kod Klucza Zwraca kod znaków Unicode klawisza, który wywołał zdarzenie onkeypress lub klucza kodu Unicode klawisza, który wywołał zdarzenie onKeyDown lub onkeyup 2
Lokalizacja Zwraca położenie klawisza na klawiaturze lub urządzeniu 3
klawisz meta Zwraca czy "meta" klawisz został naciśnięty, gdy kluczowym wydarzeniem był wyzwalany 2
klawisz Shift Zwraca czy "SHIFT" klawisz został naciśnięty, gdy kluczowym wydarzeniem był wyzwalany 2
który Zwraca kod znaków Unicode klawisza, który wywołał zdarzenie onkeypress lub klucza kodu Unicode klawisza, który wywołał zdarzenie onKeyDown lub onkeyup 2

HashChangeEvent obiektu

Nieruchomość Opis DOM
NEWURL Zwraca URL dokumentu, po hash został zmieniony
OLDURL Zwraca URL dokumentu, zanim został zmieniony hash

PageTransitionEvent obiektu

Nieruchomość Opis DOM
utrzymywały Zwraca, czy strona została buforowane przez przeglądarkę

Obiekt FocusEvent

Nieruchomość Opis DOM
relatedTarget Zwraca element związany z elementem, który wywołał zdarzenie 3

AnimationEvent obiektu

Nieruchomość Opis DOM
animationName Zwraca nazwę animacji
ElapsedTime Zwraca liczbę sekund animacja została uruchomiona

TransitionEvent obiektu

Nieruchomość Opis DOM
Nazwa właściwości Zwraca nazwę właściwości CSS związanego z przejściem
ElapsedTime Zwraca liczbę sekund przejście zostało uruchomione

WheelEvent obiektu

Nieruchomość Opis DOM
deltaX Zwraca poziomą ilości przewijania koła myszy (x-axis) 3
deltaY Zwraca pionową wysokość spiralnej z kołem myszy (y-axis) 3
deltaZ Zwraca ilość przewijania koła myszy na osi 3
deltaMode Zwraca liczbę reprezentującą jednostki pomiarów na wartościach delta (pixels, lines or pages) 3