ChillCode
JavaScript
  1. Wprowadzenie do JavaScript
  2. Szybki start
  3. Pierwszy program
  4. Metody wyjściowe
  5. Komentarze
  6. Typy danych
  7. Zmienne
  8. Operatory
  9. Instrukcje warunkowe
  10. Pętle
  11. Funkcje
  12. Tablice
  13. Obiekty
  14. Funkcje matematyczne
  15. Wartości
  16. Referencje
  17. Metody
  18. Eventy
  19. Manipulacja DOM-em
  20. Manipulacja stylami CSS
  21. Biblioteki JavaScript
  22. Podsumowanie
Strona główna
Blog
O nas
Centrum pomocy
Wsparcie
  1. Wprowadzenie do JavaScript
  2. Szybki start
  3. Pierwszy program
  4. Metody wyjściowe
  5. Komentarze
  6. Typy danych
  7. Zmienne
  8. Operatory
  9. Instrukcje warunkowe
  10. Pętle
  11. Funkcje
  12. Tablice
  13. Obiekty
  14. Funkcje matematyczne
  15. Wartości
  16. Referencje
  17. Metody
  18. Eventy
  19. Manipulacja DOM-em
  20. Manipulacja stylami CSS
  21. Biblioteki JavaScript
  22. Podsumowanie

Obsługa zdarzeń

Obsługa zdarzeń jest bardzo prosta i polega na dodaniu do elementu HTML funkcji, która będzie wykonywana w momencie zaistnienia określonego zdarzenia. W celu dodania funkcji obsługującej zdarzenie można skorzystać z wyżej wspomnianych trzech sposobów.

Niektóre ze zdarzeń, które można obsłużyć w języku JavaScript.

  • click - Kliknięcie przycisku
  • change - Zmiana wartości pola tekstowego
  • keypress - Naciśnięcie klawisza na klawiaturze
  • mousemove - Przesuwanie kursora myszki
  • load - Załadowanie strony
  • resize - Zmiana rozmiaru okna przeglądarki

Zmiana rozmiaru okna

								
<div id="myDiv">Zmień rozmiar okna przeglądarki</div>

<script>

  const div = document.querySelector('#myDiv');

  window.addEventListener('resize', () => {
    div.textContent = `Nowy rozmiar okna: ${window.innerWidth} x ${window.innerHeight}`;


</script>
Zmień rozmiar okna przeglądarki
Notatka

Pamiętaj, że obsługa zdarzeń jest jednym z najważniejszych aspektów tworzenia interaktywnych stron internetowych i jest bardzo pomocna w codziennym życiu programisty. Dlatego warto poświęcić czas na zgłębienie tego tematu.