Zmiana stanu obiektu to tzw Wydarzenie . W HTML istnieją różne zdarzenia, które oznaczają wykonanie jakiejś czynności przez użytkownika lub przeglądarkę. Gdy JavaScript kod jest zawarty w HTML, js reaguje na te zdarzenia i pozwala na wykonanie. Ten proces reagowania na zdarzenia nazywa się Obsługa zdarzeń . Zatem js obsługuje zdarzenia HTML poprzez Obsługa zdarzeń .
Na przykład , gdy użytkownik kliknie w przeglądarce, dodaj kod js, który wykona zadanie do wykonania na zdarzeniu.
zawiera w ciągu
Niektóre zdarzenia HTML i ich procedury obsługi zdarzeń to:
Zdarzenia myszy:
| Wydarzenie wykonane | Obsługa zdarzeń | Opis |
|---|---|---|
| Kliknij | na kliknięcie | Po kliknięciu elementu myszą |
| najechanie myszką | myszką | Gdy kursor myszy znajdzie się nad elementem |
| mysz | onmouseout | Kiedy kursor myszy opuszcza element |
| mysz w dół | onmousedown | Po naciśnięciu przycisku myszy nad elementem |
| mysz w górę | onmouseup | Po zwolnieniu przycisku myszy nad elementem |
| ruch myszy | onmousemove | Kiedy następuje ruch myszy. |
Zdarzenia klawiatury:
| Wydarzenie wykonane | Obsługa zdarzeń | Opis |
|---|---|---|
| Keydown i Keyup | onkeydown i onkeyup | Gdy użytkownik naciśnie, a następnie zwolni klawisz |
Wydarzenia w formularzu:
| Wydarzenie wykonane | Obsługa zdarzeń | Opis |
|---|---|---|
| centrum | onfocus | Gdy użytkownik skupia się na elemencie |
| składać | po przesłaniu | Gdy użytkownik przesyła formularz |
| plama | rozmycie | Gdy fokus jest oddalony od elementu formularza |
| zmiana | na zmianę | Gdy użytkownik modyfikuje lub zmienia wartość elementu formularza |
Zdarzenia okna/dokumentu
| Wydarzenie wykonane | Obsługa zdarzeń | Opis |
|---|---|---|
| obciążenie | załaduj | Gdy przeglądarka zakończy ładowanie strony |
| rozładować | rozładować | Kiedy odwiedzający opuszcza bieżącą stronę internetową, przeglądarka ją rozładowuje |
| Zmień rozmiar | onresize | Gdy odwiedzający zmieni rozmiar okna przeglądarki |
Omówmy kilka przykładów dotyczących zdarzeń i ich obsługi.
kolejka w Javie
Kliknij Wydarzenie
Javascript EventsPrzetestuj teraz
Zdarzenie MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Przetestuj teraz
Wydarzenie skupiające
Javascript Events <h2> Enter something here</h2>Przetestuj teraz
Wydarzenie Keydown
Javascript Events <h2> Enter something here</h2>Przetestuj teraz
Załaduj wydarzenie
Javascript Events <br>Przetestuj teraz