Zdarzenia HTML DOM

Zdarzenia HTML DOM

Wydarzenia HTML DOM pozwalają JavaScript na rejestrację różnych programistów wydarzeń na elementach dokumentu HTML.

Wydarzenia są zwykle używane z funkcjami, które nie są wykonywane przed wystąpieniem wydarzenia (np. podczas kliknięcia przycisku).

Aby dowiedzieć się więcej o wydarzeniach, zapoznaj się z naszym Tutorial JavaScript wydarzeń.

wydarzenie Opis Należy do
abort Występuje to wydarzenie podczas przerwania ładowania mediów.
afterprint Występuje to wydarzenie podczas rozpoczęcia drukowania strony lub zamknięcia okna dialogowego drukowania. Event
animationend Występuje to wydarzenie podczas zakończenia animacji CSS. AnimationEvent
animationiteration Występuje to wydarzenie podczas powtarzania animacji CSS. AnimationEvent
animationstart Występuje to wydarzenie podczas rozpoczęcia animacji CSS. AnimationEvent
beforeprint Występuje to wydarzenie przed wydrukowaniem strony. Event
beforeunload Występuje to wydarzenie przed wyładowaniem dokumentu.
blur Występuje to wydarzenie, gdy element traci skupienie. FocusEvent
canplay Występuje to wydarzenie, gdy przeglądarka może zacząć odtwarzać media. Event
canplaythrough Występuje to wydarzenie, gdy przeglądarka może odtwarzać media bez przerwania buforowania. Event
change Występuje to wydarzenie, gdy zawartość elementu formularza, wybrana zawartość lub wybrany stan ulegają zmianie. Event
click Występuje to wydarzenie podczas kliknięcia elementu. MouseEvent
contextmenu Występuje to wydarzenie podczas kliknięcia prawym przyciskiem myszy na elementie, aby otworzyć menu kontekstowe. MouseEvent
copy Występuje to wydarzenie podczas kopiowania zawartości elementu. ClipboardEvent
cut Występuje to wydarzenie podczas wycinania zawartości elementu. ClipboardEvent
dblclick Występuje to wydarzenie podczas podwójnego kliknięcia elementu. MouseEvent
drag Występuje to wydarzenie podczas przeciągania elementu. DragEvent
dragend Kiedy użytkownik kończy przeciągać element, występuje to zdarzenie. DragEvent
dragenter Kiedy przeciągany element wchodzi w cel umieszczenia, występuje to zdarzenie. DragEvent
dragleave Kiedy przeciągany element opuszcza cel umieszczenia, występuje to zdarzenie. DragEvent
dragover Kiedy przeciągany element znajduje się nad celem umieszczenia, występuje to zdarzenie. DragEvent
dragstart Kiedy użytkownik zaczyna przeciągać element, występuje to zdarzenie. DragEvent
drop Kiedy element, który jest przeciągany, jest umieszczany na celu umieszczenia, występuje to zdarzenie. DragEvent
durationchange Kiedy zmienia się długość media, występuje to zdarzenie. Event
ended Kiedy media dobiegają końca, występuje to zdarzenie. Event
error Kiedy występuje błąd po załadowaniu zewnętrznego pliku, występuje to zdarzenie.
focus Kiedy element otrzymuje fokus, występuje to zdarzenie. FocusEvent
focusin Kiedy element otrzymuje fokus, występuje to zdarzenie. FocusEvent
focusout Kiedy element traci fokus, występuje to zdarzenie. FocusEvent
fullscreenchange Kiedy element jest wyświetlany w trybie pełnego ekranu, występuje to zdarzenie. Event
fullscreenerror Kiedy element nie może być wyświetlony w trybie pełnego ekranu, występuje to zdarzenie. Event
hashchange Kiedy zmienia się część kotwic URL, występuje to zdarzenie. HashChangeEvent
input Kiedy element otrzymuje wprowadzenie użytkownika, występuje to zdarzenie.
invalid Kiedy element jest nieważny, występuje to zdarzenie. Event
keydown Kiedy użytkownik wciska i trzyma klawisz, występuje to zdarzenie. KeyboardEvent
keypress Kiedy użytkownik wciska klawisz, występuje to zdarzenie. KeyboardEvent
keyup Kiedy użytkownik uwalnia klawisz, występuje to zdarzenie. KeyboardEvent
load Kiedy obiekt jest załadowany, występuje to zdarzenie.
loadeddata Kiedy dane medium są załadowane, występuje to zdarzenie. Event
loadedmetadata Podczas ładowania metadanych (np. rozmiarów i długości), występuje to zdarzenie. Event
loadstart Kiedy przeglądarka zaczyna szukać określonego medium, występuje to zdarzenie. ProgressEvent
message Kiedy odbiera się wiadomość za pomocą tego źródła zdarzeń, występuje to zdarzenie. Event
mousedown Kiedy użytkownik wciska przycisk myszy nad elementem, występuje to zdarzenie. MouseEvent
mouseenter Kiedy wskaźnik wskazuje na element, występuje to zdarzenie. MouseEvent
mouseleave Kiedy wskaźnik opuszcza element, występuje to zdarzenie. MouseEvent
mousemove Kiedy wskaźnik porusza się nad elementem, występuje to zdarzenie. MouseEvent
mouseout Kiedy użytkownik przenosi wskaźnik myszy poza element lub jego podelement, występuje to zdarzenie. MouseEvent
mouseover Kiedy wskaźnik wskazuje na element lub jego podelement, występuje to zdarzenie. MouseEvent
mouseup Kiedy użytkownik uwalnia przycisk myszy nad elementem, występuje to zdarzenie. MouseEvent
mousewheel Nie zaleca się używania.Proszę używać zamiast tego wheel Zdarzenie. WheelEvent
offline Kiedy przeglądarka zaczyna pracę w trybie offline, występuje to zdarzenie. Event
online Kiedy przeglądarka zaczyna pracę w trybie online, występuje to zdarzenie. Event
open Kiedy otwiera się połączenie z źródłem zdarzenia, występuje to zdarzenie. Event
pagehide Kiedy użytkownik opuszcza pewną stronę internetową, aby nawigować, występuje to zdarzenie. PageTransitionEvent
pageshow Kiedy użytkownik nawiguje do pewnej strony internetowej, występuje to zdarzenie. PageTransitionEvent
paste Kiedy użytkownik wkleja pewną zawartość do elementu, występuje to zdarzenie. ClipboardEvent
pause Kiedy media są wstrzymane przez użytkownika lub wstrzymane programowo, występuje to zdarzenie. Event
play Kiedy media są uruchomione lub przestają być wstrzymane, występuje to zdarzenie. Event
playing Kiedy media są wstrzymane lub zatrzymane po buforowaniu, aby odgrywać, występuje to zdarzenie. Event
popstate Kiedy zmienia się historia okna, występuje to zdarzenie. PopStateEvent
progress Kiedy przeglądarka jest w procesie pobierania danych mediów, występuje to zdarzenie. Event
ratechange Kiedy zmienia się prędkość odtwarzania mediów, występuje to zdarzenie. Event
reset Kiedy formularz jest resetowany, występuje to zdarzenie. Event
resize Kiedy zmienia się rozmiar widoku dokumentu, występuje to zdarzenie.
scroll Kiedy przewija się paska rolki elementu, występuje to zdarzenie.
search Kiedy użytkownik wprowadza zawartość do pola wyszukiwania, występuje to zdarzenie. Event
seeked Kiedy użytkownik kończy przemieszczać/skakać do nowej pozycji w media, występuje to zdarzenie. Event
seeking Kiedy użytkownik zaczyna przemieszczać/skakać do nowej pozycji w media, występuje to zdarzenie. Event
select Kiedy użytkownik wybiera tekst (dla <input> i <textarea>), występuje to zdarzenie.
show Kiedy element <menu> jest wyświetlany jako menu kontekstowe, występuje to zdarzenie. Event
stalled Kiedy przeglądarka próbuje pobrać dane mediów, ale dane są niedostępne, występuje to zdarzenie. Event
storage Kiedy obszar przechowywania Web jest aktualizowany, występuje to zdarzenie. StorageEvent
submit Kiedy formularz jest wysyłany, występuje to zdarzenie. Event
suspend Kiedy przeglądarka celowo nie pobiera danych mediów, występuje to zdarzenie. Event
timeupdate Kiedy zmienia się pozycja odtwarzania, występuje to zdarzenie. Event
toggle Kiedy użytkownik otwiera lub zamyka element <details>, występuje to zdarzenie. Event
touchcancel Kiedy dotyk zostaje przerwany, występuje to zdarzenie. TouchEvent
touchend Kiedy palec jest odciągany z ekranu dotykowego, występuje to zdarzenie. TouchEvent
touchmove Kiedy palec jest przeciągany po ekranie, występuje to zdarzenie. TouchEvent
touchstart Kiedy palec jest umieszczony na ekranie dotykowym, występuje to zdarzenie. TouchEvent
transitionend Kiedy transformacja CSS zostaje ukończona, występuje to zdarzenie. TransitionEvent
unload To zdarzenie ma miejsce po wyładowaniu strony (dla <body>).
volumechange To zdarzenie ma miejsce, gdy zmieniła się głośność mediów. Event
waiting To zdarzenie ma miejsce, gdy media są wstrzymane, ale oczekuje się, że zostaną przywrócone. Event
wheel To zdarzenie ma miejsce, gdy kółko myszy w elementie jest przewijane w górę lub w dół. WheelEvent

Atrybuty i metody zdarzeń HTML DOM

Atrybuty/metody Opis Należy do
altKey Zwraca, czy przy zdarzeniu myszy został naciśnięty klawisz "ALT". MouseEvent
altKey Zwraca, czy przy zdarzeniu klawisza został naciśnięty klawisz "ALT".
animationName Zwraca nazwę animacji. AnimationEvent
bubbles Zwraca, czy dane zdarzenie jest zdarzeniem buforowanym. Event
button Zwraca przycisk myszy naciśnięty podczas wywołania zdarzenia myszy. MouseEvent
buttons Zwraca przycisk myszy naciśnięty podczas wywołania zdarzenia myszy. MouseEvent
cancelBubble Ustawia lub zwraca, czy zdarzenie powinno być przekazywane w górę hierarchii.
cancelable Zwraca, czy zdarzenie można zatrzymać jego domyślną operację. Event
changeTouches Zwraca listę wszystkich obiektów dotykowych, których stan zmienił się między poprzednim a bieżącym dotknięciem. TouchEvent
charCode Zwraca Unicode kod znaku klawisza wywołującego zdarzenie onkeypress. KeyboardEvent
clientX Zwraca poziomą współrzędną kursora myszy względem bieżącego okna.
clientY Zwraca wertykalną współrzędną kursora myszy względem bieżącego okna.
clipboardData Zwraca obiekt zawierający dane dotknięte operacjami na schowku. ClipboardData
code Zwraca kod klawisza, który wywołał zdarzenie. KeyboardEvent
composed Indykuje, czy zdarzenie może być przekazywane z Shadow DOM do ogólnego DOM. Event
composedPath() Zwraca ścieżkę zdarzenia.
createEvent() Tworzy nowe zdarzenie. Event
ctrlKey Zwraca, czy przy zdarzeniu myszy został naciśnięty klawisz "CTRL". MouseEvent
ctrlKey Zwraca, czy przy zdarzeniu klawisza myszy został naciśnięty klawisz "CTRL".
currentTarget Zwraca element, który wywołał zdarzenie, nasłuchujący na to zdarzenie. Event
data Zwraca wstawiony znak. InputEvent
dataTransfer Zwraca obiekt zawierający dane przenoszone lub wstawiane/usuwane.
defaultPrevented Zwraca, czy wywołane zdarzenie użyło metody preventDefault(). Event
deltaX Zwraca ilość przesunięcia poziomego kółka myszy (osi x). WheelEvent
deltaY Zwraca ilość przesunięcia pionowego kółka myszy (osi y). WheelEvent
deltaZ Zwraca ilość przesunięcia osi Z kółka myszy. WheelEvent
deltaMode Zwraca liczbę, która reprezentuje jednostkę miary wartości przyrostu (pikseli, linii lub strony). WheelEvent
detail Zwraca liczbę, wskazującą, ile razy mysz została kliknięta. UiEvent
elapsedTime Zwraca liczbę sekund, przez które przebiegła animacja. AnimationEvent
elapsedTime Zwraca liczbę sekund, przez które przebiegło przejście. 　
eventPhase Zwraca, w jakim etapie znajduje się bieżący strumień zdarzeń. Event
getModifierState() Zwraca tablicę zawierającą zakres docelowy, który zostanie wpływany przez wstawianie/usuwanie. MouseEvent
getTargetRanges() Zwraca tablicę zawierającą zakres docelowy, który zostanie wpływany przez wstawianie/usuwanie. InputEvent
inputType Zwraca typ zmiany (czyli "inserting" lub "deleting"). InputEvent
isComposing Zwraca, czy stan zdarzenia jest w trakcie tworzenia.
isTrusted Zwraca, czy zdarzenie jest zaufane. Event
key Zwraca wartość klucza kluczowego reprezentowanego przez zdarzenie. KeyboardEvent
key Zwraca klucz elementu przechowującego po zmianie. StorageEvent
keyCode Zwraca Unicode kod klawisza wywołującego zdarzenie onkeypress, onkeydown lub onkeyup. KeyboardEvent
location Zwraca pozycję klawisza na klawiaturze lub urządzeniu. KeyboardEvent
lengthComputable Zwraca, czy długość postępu jest obliczalna. ProgressEvent
loaded Zwraca ilość załadowanej pracy. ProgressEvent
metaKey Zwraca, czy w momencie wywołania zdarzenia klawisz "META" został naciśnięty. MouseEvent
metaKey Zwraca, czy w momencie wywołania zdarzenia klawisz "META" został naciśnięty.
MovementX Zwraca poziomą współrzędną kursora myszy względem pozycji ostatniego zdarzenia mousemove. MouseEvent
MovementY Zwraca wertykalną współrzędną kursora myszy względem pozycji ostatniego zdarzenia mousemove. MouseEvent
newURL Zwraca adres URL dokumentu po zmianie hash'a. HasChangeEvent
newValue Zwraca nową wartość elementu przechowującego po zmianie. StorageEvent
offsetX Zwraca poziomą współrzędną kursora myszy względem krawędzi elementu docelowego. MouseEvent
offsetY Zwraca wertykalną współrzędną kursora myszy względem krawędzi elementu docelowego. MouseEvent
oldURL Zwraca adres URL dokumentu przed zmianą hash'a. HasChangeEvent
oldValue Zwraca starą wartość elementu przechowującego po zmianie. StorageEvent
onemptied To zdarzenie jest wywoływane, gdy występuje nieprzewidziana sytuacja i plik multimedialny nagle staje się niedostępny. 　
pageX Zwraca poziomą współrzędną kursora myszy względem dokumentu w momencie wywołania zdarzenia myszy. MouseEvent
pageY Zwraca wertykalną współrzędną kursora myszy względem dokumentu w momencie wywołania zdarzenia myszy. MouseEvent
persisted Zwraca, czy strona internetowa została wczytana z pamięci podręcznej przeglądarki. PageTransitionEvent
preventDefault() Jeśli można anulować wydarzenie, anuluje je, nie wykonywując domyślnych działań związanych z tym wydarzeniem. Event
propertyName Zwraca nazwę atrybutu CSS związane z animacją lub przejściem.
pseudoElement Zwraca nazwę pseudoelementu animacji lub przejścia.
region MouseEvent
relatedTarget Zwraca element związany z elementem, który wywołał zdarzenie myszy. MouseEvent
relatedTarget Zwraca element związany z elementem, który wywołał zdarzenie. FocusEvent
repeat Zwraca, czy jest powtarzane naciskanie klawisza. KeyboardEvent
screenX Zwraca poziomą współrzędne okna/kursora myszy względem ekranu. MouseEvent
screenY Zwraca pionową współrzędne okna/kursora myszy względem ekranu. MouseEvent
shiftKey Zwraca, czy przy wywołaniu zdarzenia został naciśnięty klawisz "SHIFT". MouseEvent
shiftKey Zwraca, czy przy naciśnięciu klawisza został naciśnięty klawisz "SHIFT".
state Zwraca obiekt zawierający kopię wpisu historii. PopStateEvent
stopImme...() Zapobiega wywoływaniu innych słuchaczy tego samego zdarzenia. Event
stopPropagation() Zapobiega rozprzestrzenianiu się zdarzenia w strumieniu zdarzeń. Event
storageArea Zwraca obiekt reprezentujący objekt przechowywania dotknięty. StorageEvent
target Zwraca element, który wywołał zdarzenie. Event
targetTouches Zwraca listę obiektów TouchList, które zawierają wszystkie punkty dotyku w kontakcie z powierzchnią. TouchEvent
timeStamp Zwraca czas utworzenia zdarzenia (w milisekundach od epochi). Event
total Zwraca całkowitą ilość pracy do załadowania. ProgressEvent
touches Zwraca listę wszystkich obiektów touch, które w tej chwili są w kontakcie z powierzchnią. TouchEvent
type Zwraca nazwę zdarzenia. Event
url Zwraca URL dokumentu, w którym znajduje się zmieniony element. StorageEvent
which Zwraca przycisk myszy naciśnięty podczas wywołania zdarzenia myszy. MouseEvent
which Zwraca kod Unicode znaku Unicode klawisza, który wywołał wydarzenie onkeypress, lub kod Unicode klawisza, który wywołał wydarzenie onkeydown lub onkeyup. KeyboardEvent
view Zwraca odniesienie do obiektu Window, który odnosi się do okna, w którym wydarzenie miało miejsce. UiEvent