Zdarzenia JavaScript
Zdarzenia HTML to „rzeczy” , które przydarzają się elementom HTML.
Kiedy JavaScript jest używany na stronach HTML, JavaScript może "zareagować" na te zdarzenia.
Zdarzenia HTML
Zdarzeniem HTML może być czynność wykonywana przez przeglądarkę lub czynność wykonywana przez użytkownika.
Oto kilka przykładów zdarzeń HTML:
- Zakończono ładowanie strony internetowej HTML
- Zmieniono pole wejściowe HTML
- Kliknięto przycisk HTML
Często, gdy zdarzają się wydarzenia, możesz chcieć coś zrobić.
JavaScript umożliwia wykonanie kodu po wykryciu zdarzeń.
HTML umożliwia dodawanie atrybutów obsługi zdarzeń z kodem JavaScript do elementów HTML.
Z pojedynczymi cudzysłowami:
<element
event='some JavaScript'>
Z podwójnymi cudzysłowami:
<element
event="some JavaScript">
W poniższym przykładzie onclickatrybut (z kodem) jest dodawany do
<button>elementu:
Przykład
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
W powyższym przykładzie kod JavaScript zmienia zawartość elementu na id="demo".
W kolejnym przykładzie kod zmienia zawartość własnego elementu (za pomocą this.innerHTML):
Przykład
<button onclick="this.innerHTML = Date()">The time is?</button>
Kod JavaScript ma często długość kilku linii. Częściej spotyka się atrybuty zdarzeń wywołujące funkcje:
Przykład
<button onclick="displayDate()">The time is?</button>
Typowe zdarzenia HTML
Oto lista niektórych typowych zdarzeń HTML:
| Wydarzenie | Opis |
|---|---|
| onchange | Zmieniono element HTML |
| na kliknięcie | Użytkownik klika element HTML |
| po najechaniu myszą | Użytkownik przesuwa kursor myszy nad elementem HTML |
| onmouseout | Użytkownik odsuwa mysz od elementu HTML |
| onkeydown | Użytkownik naciska klawisz klawiatury |
| onload | Przeglądarka zakończyła ładowanie strony |
Lista jest znacznie dłuższa: W3Schools JavaScript Reference HTML DOM Events .
Obsługa zdarzeń JavaScript
Programy obsługi zdarzeń mogą być używane do obsługi i weryfikowania danych wejściowych użytkownika, działań użytkownika i działań przeglądarki:
- Czynności, które należy robić za każdym razem, gdy strona się ładuje
- Co należy zrobić, gdy strona jest zamknięta
- Czynność, która powinna zostać wykonana, gdy użytkownik kliknie przycisk
- Treści, które należy zweryfikować, gdy użytkownik wprowadza dane
- I więcej ...
Można użyć wielu różnych metod, aby JavaScript działał ze zdarzeniami:
- Atrybuty zdarzenia HTML mogą bezpośrednio wykonywać kod JavaScript
- Atrybuty zdarzeń HTML mogą wywoływać funkcje JavaScript
- Możesz przypisać własne funkcje obsługi zdarzeń do elementów HTML
- Możesz uniemożliwić wysyłanie lub obsługę zdarzeń
- I więcej ...
Dużo więcej o zdarzeniach i procedurach obsługi zdarzeń dowiesz się z rozdziałów HTML DOM.