Zdarzenia w JavaScript

Question 1

Zasady działania zdarzeń

Answer 1

1. Tworzone w języku JavaScript skrypty mogą służyć do obsługi zdarzeń. Skrypty takie definiują zachowanie się przeglądarki w przypadku wystąpienia określonego zdarzenia. Większość zdarzeń wywoływana jest przez działanie użytkownika. Gdy wystąpi takie zdarzenie, przeglądarka przechodzi do wykonania skryptu związanego z zaistniałym zdarzeniem.
2. Przykłady zdarzeń:
   - kliknięcie przez użytkownika myszą
   - przesunięcie myszy na element
   - wczytanie strony internetowej
   - wczytanie obrazu
   - zmiana zawartości pola wprowadzania
   - naciśnięcie klawisza
3. Każdy skrypt opisujący zdarzenie skojarzony jest z określonym obiektem strony internetowej. W kodzie HTML w znaczniku opisującym obiekt musi znaleźć się specyfikacja tego skryptu. Np. zdarzenie onMouseOver zachodzi wówczas, gdy wskaźnik myszy pojawi się nad obiektem. Np.:

<img src=”przycisk.gif” onMouseOver=”funkcja()”>

4. Aby obsłużyć zdarzenie, nie zawsze trzeba tworzyć funkcję. Jeżeli kod, który ma zostać wywołany jest pojedynczą instrukcją, można wpisać skrypt bezpośrednio w znaczniku, np.:

<input type=”button” value=”Pokaż” onclick=”alert(‘Witaj’)”>

Question 2

Zdarzenia myszy

Answer 2

onClick // kliknięcie myszą
onDblClick // podwójne kliknięcie myszą
onMouseDown // przycisk myszy został wciśnięty
onMouseUp // przycisk myszy został zwolniony
onMouseOver // kursor myszy został umieszczony na elemencie
onMouseMove // kursor myszy został przesunięty wewnątrz elementu
onMouseOut // kursor myszy został przesunięty poza element

Question 3

Zdarzenia klawiatury

Answer 3

onKeyPress // klawisz został naciśnięty i zwolniony
onKeyDown // klawisz wciśnięty ale nie zwolniony
onKeyUp // klawisz został zwolniony

Question 4

Zdarzenia formularza

Answer 4

onSubmit // generowany przy wysyłaniu formularza
onReset // generowany przy czyszczeniu formularza z zawartości

Question 5

Zdarzenia elementów formularza

Answer 5

onFocus // element formularza otrzymał zaznaczenie
onBlur // element stracił zaznaczenie
onSelect // element został wybrany
onChange // zawartość elementu formularza uległa zmianie

Question 6

Zdarzenia dokumentu

Answer 6

onLoad// strona została załadowana
onUnload// strona jest zamykana