Zdarzenia
Wstęp
Zdarzenia są automatycznie generowane przez element, którego dotyczą, zawsze wtedy, gdy zajdą określone okoliczności (spisane poniżej). Takie zdarzenie można przechwycić i wykonać jakąś czynność, gdy zajdą podane warunki (np. wyświetlenie okienka, po kliknięciu elementu myszką). Aby możliwa była obsługa wygenerowanego zdarzenia, należy podać polecenia, które będą w takim przypadku wykonane. Wpisuje się je korzystając z dowolnego języka skryptowego (programowania), przewidzianego dla stron WWW (np. JavaScript czy VBScript). Skrypt to inaczej zwykle prosty program, umieszczony bezpośrednio na stronie WWW (w kodzie źrółowym) i umożliwiający wykonywanie pewnych dynamicznych zadań, niedostępnych na zwykłych statycznych witrynach.
Skrypty są często używane w połączeniu z formularzami, których kontrolki (pola) służą do wprowadzania danych i wyprowadzania wyników.
Przykład <input onclick>
Po wpisaniu:
<input type="button" value="Kliknij tutaj!" onclick="window.alert('To jest właśnie obsługa zdarzenia, jakim było kliknięcie myszką na przycisku.')">
Otrzymamy:
Jak widać aby obsłużyć zdarzenie, należy podać w składni polecenia, czynności które mają zostać wykonane. Najczęściej stosuje się tutaj odwołanie do funkcji, określonej w innym miejscu strony (wewnątrz znacznika SCRIPT). Kurs języków skryptowych nie jest jednak tematem tego opracowania, dlatego nie podaję tutaj dokładniejszych informacji, ponieważ są one zbyt zawiłe. Można je za to bez trudu znaleźć w wielu miejscach w Internecie. Wystarczy wpisać w wyszukiwarce np. "JavaScript".
Spis wszystkich zdarzeń generowanych przez elementy
Poniżej znajdziesz spis wszystkich zdarzeń generowanych przez elementy. Należy jednak pamiętać, że nie wszystkie elementy potrafią wygenerować każde zdarzenie Aby się upewnić, czy dany element generuje określone zdarzenie, spójrz do opisu tego polecenia.
- onload
- Zakończenie wczytywania dokumentu (tylko BODY i FRAMESET)
- onunload
- Usunięcie dokumentu (tylko BODY i FRAMESET)
- onclick
- Kliknięcie myszką
- ondblclick
- Podwójne kliknięcie myszką
- onmousedown
- Wciśnięcie klawisza myszki
- onmouseup
- Zwolnienie klawisza myszki
- onmouseover
- Wskazanie myszką
- onmousemove
- Poruszanie myszką nad elementem
- onmouseout
- Wskaźnik myszki opuszcza element
- onkeypress
- Klawisz został wciśnięty i zwolniony
- onkeydown
- Wciśnięcie klawisza
- onkeyup
- Zwolnienie klawisza
- onfocus
- Element otrzymuje zogniskowanie (aktywność) przez myszkę lub klawiszem TAB (obsługiwane przez: A, AREA, LABEL, INPUT, SELECT, TEXTAREA i BUTTON)
- onblur
- Element traci zogniskowanie (przeciwne do onfocus)
- onsubmit
- Wysłanie formularza (tylko element FORM)
- onreset
- Wyczyszczenie formularza (tylko element FORM)
- onselect
- Użytkownik zaznaczył tekst w polu tekstowym (tylko INPUT i TEXTAREA)
- onchange
- Element został zmodyfikowany i utracił zogniskowanie (tylko INPUT, SELECT i TEXTAREA)