to jest nowy rozdział
407
Po przeczytaniu tego rozdziału zdasz sobie sprawę z tego, że to
nie są przelewki i nie jesteśmy już w Kansas. Do tej pory pisałeś kod,
który zazwyczaj wykonywany był od samego początku do końca — oczywiście
Twój kod mógł być nieco bardziej skomplikowany i zawierać kilka funkcji, obiektów
i metod, jednak w jakimś momencie ten kod po prostu był wykonany wiersz
po wierszu. Cóż, jest nam bardzo przykro, że mówimy Ci to tak późno, jednak
typowy kod JavaScript nie jest pisany w taki sposób. Kod pisany w tym
języku reaguje na zdarzenia. Jakiego rodzaju zdarzenia? Może to być kliknięcie
elementu strony przez użytkownika, przesłanie danych z serwera, upływ pewnego
okresu czasu w przeglądarce, jakaś zmiana wprowadzona w DOM oraz wiele
innych. W rzeczywistości, w niewidoczny dla nas sposób, w przeglądarce cały
czas zachodzą jakieś zdarzenia. W tym rozdziale jeszcze raz przemyślisz swoje
podejście do sposobu pisania kodu JavaScript i dowiesz się, dlaczego trzeba pisać kod
reagujący na zdarzenia oraz jak należy to robić.
Obsługa zdarzeń
9. Programowanie asynchroniczne.
408
Rozdział 9.
Ćwiczenia ze zdarzeń
WYSIL
SZARE KOMÓRKI
Wiesz, co robi przeglądarka, prawda? Pobiera stronę oraz całą jej zawartość, a następnie ją wyświetla. Jednak
przeglądarka robi znacznie więcej. A co konkretnie? Zaznacz wszystkie z wymienionych poniżej czynności,
które według Ciebie przeglądarka wykonuje za kulisami. Jeśli nie jesteś pewny, spróbuj zgadnąć.
Wie, kiedy cała strona została wczytana
i wyświetlona.
Rejestruje wszystkie kliknięcia, które
wykonujemy na stronie, niezależnie od tego,
czy został kliknięty przycisk, odnośnik,
czy jakikolwiek inny element strony.
Wie, kiedy użytkownik przesyła formularz.
Wie, kiedy użytkownik naciska klawisz na
klawiaturze.
Wie, kiedy w elemencie zostanie
umieszczone tzw. miejsce wprowadzania
(ang.
input focus
).
Śledzi ruchy wskaźnika myszy.
Śledzi upływ czasu i zarządza licznikami
czasu oraz zdarzeniami związanymi
z czasem.
Pobiera dodatkowe dane potrzebne stronie.
Śledzi, kiedy strona została przewinięta
lub kiedy użytkownik zmienił jej wielkość.
Wie, kiedy zakończono wypiekanie
ciasteczek.
Zaostrz ołówek
Wybierz dwa spośród opisanych powyżej zdarzeń. Gdyby przeglądarka mogła informować
Twój kod o ich zajściu, w jaki fajny lub interesujący sposób mógłbyś to wykorzystać?
Nie, zdarzenia związanego
z wypiekaniem ciasteczek nie możesz
zastosować w swoim przykładzie!
Get Programowanie w JavaScript Rusz głową! now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.