Zdarzenia HTML są "rzeczy", które zdarzają się elementów HTML.
Gdy JavaScript jest używana na stronach HTML, JavaScript może "reaguje" na tych wydarzeniach.
HTML Wydarzenia
Zdarzenie HTML może być coś przeglądarka ma, czy coś użytkownik robi.
Oto niektóre przykłady zdarzeń HTML:
- Strona HTML internetowej zakończeniu ładowania
- Pole wejściowe HTML został zmieniony
- HTML przycisk został kliknięty
Często, gdy wydarzenia zdarzyć, może chcesz coś zrobić.
JavaScript pozwala na wykonanie kodu w momencie wykrycia zdarzenia.
HTML pozwala atrybuty obsługi zdarzeń, z kodem JavaScript, który zostanie dodany do elementów HTML.
Z apostrofami:
< some-HTML-element
some-event = ' some JavaScript ' >Z podwójnym cudzysłowie:
< some-HTML-element
some-event = " some JavaScript " >W poniższym przykładzie onclick atrybutu (z kodem), dodaje się do elementu przycisku:
Przykład
<button onclick='getElementById("demo").innerHTML=Date()'>The time is?</button>
Spróbuj sam " W powyższym przykładzie, kod JavaScript zmienia zawartość elementu z id="demo" .
W następnym przykładzie, kod zmienia treść własnej elementu (przy użyciu this .innerHTML ):
Kod JavaScript jest często kilka wierszy. To jest bardziej powszechne, aby zobaczyć atrybuty zdarzeń wywoływania funkcji:
Wspólne HTML Wydarzenia
Oto lista niektórych wspólnych imprez HTML:
| Zdarzenie | Opis |
|---|---|
| onchange | Element HTML został zmieniony |
| onclick | Użytkownik kliknie element HTML |
| onmouseover | Użytkownik przesuwa kursor myszy nad elementem HTML |
| onmouseout | Użytkownik przesuwa mysz z dala od elementu HTML |
| onkeydown | Użytkownik naciska klawisz klawiatury |
| onload | Przeglądarka zakończeniu ładowania strony |
Lista jest znacznie dłuższa: w3ii JavaScript referencyjny HTML DOM Events .
Co JavaScript może zrobić?
obsługi zdarzeń mogą być używane do obsługi i sprawdzić, wprowadzanych przez użytkownika, działania użytkownika i działania przeglądarki:
- Rzeczy, które powinny być wykonywane za każdym razem, gdy strona ładuje
- Rzeczy, które należy zrobić, gdy strona jest zamknięta
- Działania, które powinny być wykonywane, gdy użytkownik kliknie przycisk
- Treści, które powinny być zweryfikowane, gdy dane wejściowe użytkownika
- I więcej ...
Istnieje wiele różnych metod może być używana aby prace JavaScript ze zdarzeń:
- Atrybuty zdarzeń HTML może wykonać bezpośrednio kodu JavaScript
- Atrybuty zdarzeń HTML może wywołać funkcje JavaScript
- Można przypisać własne funkcje obsługi zdarzeń do elementów HTML
- Można zapobiec zdarzenia przed wysłaniem lub są obsługiwane
- I więcej ...
Dowiesz się o wiele więcej o wydarzeniach i obsługi zdarzeń w HTML DOM rozdziałów.
Sprawdź się z ćwiczeń!
Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 »