1 Temat 11: Zdarzenia
2 Zdarzenia w języku JavaScript to operacje, jakie mogą zachodzić po wystąpieniu określonej sytuacji. Można podzielić je na kilka grup: zdarzenia myszy, zdarzenia klawiatury, zdarzenia dokumentu oraz zdarzenia formularza wraz z jego wszystkimi elementami. Tabela zawiera zestaw możliwych zdarzeń związanych z wymienioną grupą. Nazwa Elementy Zdarzenie onAbort obraz Anulowanie pobrania grafiki onBlur okno, elementy formularza Usunięcie aktywności pola onChange text, textarea, select Zmiana wielkości onClick dowolny znacznik Kliknięcie dowolnego znacznika onDblClick Podwójne kliknięcie na dowolny znacznik onDragDrop okno Przeciąganie obiektu poza okno onError obraz, okno Błąd podczas ładowania onFocus Uaktywnienie elementu onKeyDown dokument, obraz, link, textarea Wciśnięcie (przytrzymanie) klawisza na klawiaturze onKeyPress Wciśnięcie (krótkotrwałe) klawisza na klawiaturze onKeyUp Puszczenie klawisza
3 Nazwa Elementy Zdarzenie onLoad ciało dokumentu Ładowanie strony onMouseDown dokument, przycisk, link Wciśnięcie (przytrzymanie) klawisza myszy onMouseOut wszystko Opuszczenie danego obszaru przez kursor myszy onMouseOver Najechanie kursorem myszy na dany obszar onMouseUp Puszczenie klawisza myszy onMove okno Poruszenie oknem onReset formularz Wyczyszczenie formularza onResize Zmiana rozmiaru okna onSelect text, textarea Wybranie danego elementu onSubmit Zatwierdzenie formularza onUnload Zamknięcie strony
4 Przykład wykorzystuje zdarzenie onClickPrzykład wykorzystuje zdarzenie onClick. W głównej części dokumentu utworzono przycisk za pomocą znacznika button. Jeżeli użytkownik kliknie w przycisk, wywoła się funkcja drukuj() przypisana do zdarzenia onClick. Zadaniem funkcji jest wywołanie okna drukowanie pozwalającego na wydruk zawartości strony. { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://slideplayer.pl/3096466/11/images/4/Przyk%C5%82ad+wykorzystuje+zdarzenie+onClick.jpg", "name": "Przykład wykorzystuje zdarzenie onClick", "description": "Przykład wykorzystuje zdarzenie onClick. W głównej części dokumentu utworzono przycisk za pomocą znacznika button. Jeżeli użytkownik kliknie w przycisk, wywoła się funkcja drukuj() przypisana do zdarzenia onClick. Zadaniem funkcji jest wywołanie okna drukowanie pozwalającego na wydruk zawartości strony.