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. |