Zdarzenia JavaScript

Zdarzenia HTML to "rzeczy", które się dzieją z elementami HTML.

Kiedy używa się JavaScript w stronie HTML, JavaScript jest w stanie "odpowiadać" na te zdarzenia.

Zdarzenia HTML

Zdarzenia HTML mogą być wynikiem pewnych działań przeglądarki lub użytkownika.

Poniżej znajdują się przykłady zdarzeń HTML:

  • Strona HTML została załadowana
  • Pole wejściowe HTML zostało zmienione
  • Przycisk HTML został kliknięty

Zwykle, gdy zdarzenie ma miejsce, użytkownik chce coś zrobić.

JavaScript pozwala na wykonywanie kodu, gdy wykryte są zdarzenia.

Przez kod JavaScript，HTML pozwala na dodawanie programistów zdarzeń do elementów HTML.

Używaj pojedynczych cudzysłów:

<element event='Niektóre JavaScript>

Używaj podwójnych cudzysłów:

<element event="Niektóre JavaScript">

W następnym przykładzie:onclick Atrybut (oraz kod) został dodany do <button> Element:

Przykład

<button onclick='document.getElementById("demo").innerHTML=Date()'>Jaki jest aktualny czas?</button>

Spróbuj sam

W poprzednim przykładzie, kod JavaScript zmienił zawartość elementu o id="demo".

W następnym przykładzie, kod (używając this.innerHTMLZmienił zawartość swojego elementu:

Przykład

<button onclick="this.innerHTML=Date()">Jaki jest aktualny czas?</button>

Spróbuj sam

Kod JavaScript zazwyczaj ma wiele wierszy. Wywołanie funkcji za pomocą atrybutu zdarzenia jest bardziej powszechne:

Przykład

<button onclick="displayDate()">Jaki jest aktualny czas?</button>

Spróbuj sam

Najczęstsze zdarzenia HTML

Poniżej znajdują się niektóre z najczęstszych zdarzeń HTML:

Zdarzenie Opis
onchange Element HTML został zmieniony
onclick Użytkownik kliknął element HTML
onmouseover Użytkownik przeniósł mysz na element HTML
onmouseout Użytkownik przeniósł mysz z elementu HTML
onkeydown Użytkownik nacisnął klawisz klawiatury
onload Przeglądarka skończyła ładowanie strony

Pełniejsza lista:Podręcznik JavaScript CodeW3C.com HTML DOM zdarzenia.

Co może zrobić JavaScript?

Event handler może być użyty do obsługi, walidacji wprowadzania użytkownika, działań użytkownika i działań przeglądarki:

  • Co powinno się zrobić, gdy strona zostanie załadowana
  • Co powinno się zrobić, gdy strona zostanie zamknięta
  • Działanie, które powinno być wykonane, gdy użytkownik kliknie przycisk
  • Zawartość, która powinna być zweryfikowana, gdy użytkownik wprowadza dane
  • i inne

Istnieje wiele różnych sposobów, aby JavaScript obsługiwał zdarzenia:

  • Atrybuty zdarzeń HTML mogą wykonać kod JavaScript
  • Atrybuty zdarzeń HTML mogą wywołać funkcję JavaScript
  • Możesz przypisać własne funkcje obsługi zdarzeń do elementów HTML
  • Możesz zatrzymać wysyłanie lub przetwarzanie zdarzeń
  • i inne

Dowiedzieć się więcej o wydarzeniach i ich obsłudze w rozdziale HTML DOM.