Zdarzenia w JavaScript to pewne akcje, które są podejmowane w przeglądarce,
w wyniku zaistnienia danej sytuacji, na przykład naciśnięcia klawisza na klawiaturze, myszce, najechanie kursorem
na dany element strony, załadowanie strony internetowej itp.
W języku JavaScript istnieje gotowy zestaw predefiniowanych zdarzeń.
Jest ich dość dużo, a tylko wybrane są częściej używane.
W poniższych tablicach wymieniono zdarzenia z podziałem na kategorie.
Zdarzenie | Opis |
---|---|
onclick | Zdarzenie zachodzi, gdy kliknięto na obiekcie. |
oncontextmenu | Zdarzenie zachodzi dla kliknięcia prawym przyciskiem myszy dla wywołania menu kontekstowego. |
ondblclick | Zdarzenie zachodzi, gdy kliknięto dwukrotnie na obiekcie. |
onmousedown | To zdarzenie zachodzi, gdy kliknięto przed zwolnieniem klawisza (przydatne podczas przenoszenia elementów na stronie - moment wskazania obiektu do przeniesienia). |
onmouseenter | Zdarzenie zachodzi, gdy wskaźnik myszy najedzie na obrazek. |
onmouseleave | Zdarzenie zachodzi, gdy wskaźnik myszy opuszcza obszar obrazka. |
onmousemove | Zdarzenie jest wyzwalane przy jakimkolwiek ruchu myszką. |
onmouseover | Zdarzenie zachodzi, gdy wskaźnik myszy znajdzie się nad obiektem. |
onmouseout | Zdarzenie zachodzi, gdy wskaźnik myszy opuścił obiekt. |
onmouseup | Zwolnienie przycisku myszy (przydatne podczas przenoszenia elementów na stronie - moment upuszczenia). |
W związku z zajściem zdarzenia związanego z obsługą myszy możemy odczytywać pewne właściwości,
które zostały zestawione w poniższej tablicy.
Odczyt tych parametrów odbywa się poprzez obiekt event.
Właściwość | Opis |
---|---|
altKey | Informuje, czy podczas zdarzenia kliknięcia wciśnięty jest klawisz ALT na klawiaturze. |
button | Informuje, który przycisk myszy został naciśnięty
|
clientX | Zwraca współrzędną x wskaźnika myszy względem danego okna. |
clientY | Zwraca współrzędną y wskaźnika myszy względem danego okna. |
ctrlKey | Informuje, czy podczas zdarzenia kliknięcia wciśnięty jest klawisz CTRL na klawiaturze. |
pageX | Zwraca współrzędną x wskaźnika myszy względem całego dokumentu. |
pageY | Zwraca współrzędną y wskaźnika myszy względem całego dokumentu. |
screenX | Zwraca współrzędną x wskaźnika myszy względem ekranu. |
screenY | Zwraca współrzędną y wskaźnika myszy względem ekranu. |
shiftKey | Informuje, czy podczas zdarzenia kliknięcia wciśnięty jest klawisz SHIFT na klawiaturze. |
Zdarzenie | Opis |
---|---|
onkeydown | Zdarzenie zachodzi, gdy użytkownik wciska klawisz klawiatury.
Działa podobnie jak onkeypress, ale zachodzi nieco wcześniej. |
onkeypress | To zdarzenie zachodzi, gdy klawisz klawiatury został wciśnięty. |
onkeyup | Zdarzenie to zachodzi podczas zwalniania klawisza. |
Zdarzenie | Opis |
---|---|
onload | Zdarzenie jest wywoływane, gdy dany obiekt jest wczytany. |
onresize | Zdarzenie zachodzi podczas zmiany rozmiaru obiektu/okna. |
onscroll | Zdarzenie to zachodzi podczas przewijania strony. |
onunload | To zdarzenie zachodzi jako ostatnia operacja przed zamknięciem obiektu. |
Zdarzenie | Opis |
---|---|
onablur | Zdarzenie zachodzi, gdy dane pole formularza przestaje być aktywne. |
onfocus | Zdarzenie to zachodzi podczas uaktywnienia danego pola formularza. |
onchange | Zdarzenie zachodzi, gdy dane pole formularza ulega zmianie. Funkcja wywoływana jest po opuszczeniu pola. |
oninput | Zdarzenie zachodzi, gdy dane pole formularza ulega zmianie. Funkcja wywoływana jest w momencie zmiany. |
onreset | Zdarzenie zachodzi podczas czyszczenia zawartości formularza. |
onselect | Zdarzenie to zachodzi po tym jak użytkownik zaznaczył jakiś tekst w polu input lub textarea. |
onsubmit | To zdarzenie zachodzi podczas przesyłania formularza. |