Przykłady JavaScript HTML wydarzenia

przykład użycia JavaScript do reakcji na zdarzenia.

zdarzenia wejścia

onblur - gdy użytkownik opuszcza pole wejściowe
onchange - gdy użytkownik zmienia zawartość pola wejściowego
onchange - gdy użytkownik wybiera wartość z rozwijanej listy
onfocus - gdy pole wejściowe uzyska fokus
onselect - gdy tekst wejściowy zostanie wybrany
onsubmit - gdy użytkownik kliknie przycisk submit
onreset - gdy użytkownik kliknie przycisk reset
onkeydown - gdy użytkownik naciska lub trzyma klawisz
onkeypress - gdy użytkownik naciska lub trzyma klawisz
onkeyup - gdy użytkownik puści klawisz
onkeyup - gdy użytkownik puści klawisz
onkeydown vs onkeyup - oba

zdarzenia myszy

onmouseover/onmouseout - gdy kursor myszy przechodzi nad elementem
onmousedown/onmouseup - gdy przycisk myszy jest naciskany/zwolniony
onmousedown - gdy naciśnięto myszą: wskazuje, który element został kliknięty
onmousedown - gdy kliknięto myszą: wskazuje, który przycisk został kliknięty
onmousemove/onmouseout - gdy wskaźnik myszy jest przenoszony nad/odpowiednio poza div
onmouseover/onmouseout - gdy wskaźnik myszy jest przenoszony nad/odpowiednio poza obraz
onmouseover - gdy kursor myszy jest nad mapą obrazu

Zdarzenie kliknięcia

Reakcja na wydarzenie onclick
onclick - podczas kliknięcia przycisku
ondblclick - podczas podwójnego kliknięcia tekstu

Zdarzenia ładowania

onload - po załadowaniu strony
onload - po załadowaniu obrazu
onerror - gdy podczas ładowania obrazu występuje błąd
onunload - gdy dokument przeglądarki jest zamykany
onresize - gdy rozmiar okna przeglądarki jest dostosowywany

Inne

Jakie jest kod klawisza?
Jakie są współrzędne kursora?
Jakie są współrzędne kursora względem ekranu?
Czy naciśnięto klawisz shift?
Jakie typy wydarzeń się zdarzają?

Wyjaśnienie przykładów