Poprzednia strona: Metody w JavaScript
|
|
Zdarzenie jest związane z polami tekstowymi. Jeśli kiedykolwiek wypełniałeś formularz w Internecie, przenosiłeś kursor z jednego pola do innego i otrzymałeś alert JavaScript, to właśnie był przykład użycia zdarzenia.
Zachodzi gdy: Użytkownik przenosi fokus (wyjmuje kursor) z pola tekstowego, klikając w jakimkolwiek innym miejscu formularza lub naciskając klawisz Tab, aby przejść do innego pola formularza.
Używany z: Polami wyboru, Obszarami tekstowymi i Polami tekstowymi
Składnia: onBlur
Przykład składni: <INPUT TYPE="TEXT" NAME="FIELD" SIZE=10 onBlur="WhatToDoWhenonBlurOccurs">
Widziałeś kiedyś formularz, w którym można było coś wysłać bez klikania na przycisk Submit? Być może użyto tam przycisku radiowego... Jeśli tak, to w formularzu użyte zostało do wysyłania informacji to właśnie zdarzenie, bez korzystania z przycisku Submit.
Zachodzi gdy: Użytkownik klika na odsyłaczu lub elemencie
Używany z: Przyciskami, Przełącznikami typu checkbox, Odsyłaczami, Przełącznikami radiowymi, Przyciskami resetu i Przyciskami wysyłania
Składnia: onClick
Przykład składni: <INPUT TYPE="BUTTON" VALUE="Click Here" onClick="WhatToDoWhenonClickOccurs">
Zdarzenie jest używane do wykonywania kodu gdy zmienia się zawartość pola tekstowego.
Zachodzi gdy: Użytkownik zmienia wybór, tekst lub elementy obszaru tekstowego w formularzu
Używany z: Polami wyboru, Obszarami tekstowymi i Polami tekstowymi
Składnia: onChange
Przykład składni: <INPUT TYPE="TEXT" NAME="FIELD" SIZE=20 onChange="WhatToDoWhenonChangeOccurs">
Obserwowałeś kiedykolwiek formularz, w którym programista chciał być kłopotliwy i podawał nazwę i/lub numer pola, na którym właśnie kliknąłeś? Do wykonania takiego działania zostało zaangażowane zdarzenie focus.
Zachodzi gdy: Czytelnik strony wstawia kursor (fokus) do jakiegoś elementu formularza, posługując się klawiszem tabulatora lub myszką
Używany z: Polami wyboru, Obszarami tekstowymi i Polami tekstowymi
Składnia: onFocus
Przykład składni: <INPUT TYPE="TEXT" NAME="FIELD" SIZE=10 onFocus="WhatToDoWhenonFocusOccurs">
Jestem pewien, że widywałeś już strony ze zmieniającym się kolorem tła, albo wiadomością powitalną. Zostało tu wykorzystane zdarzenie load, które uruchamia te popularne skrypty.
Zachodzi gdy: Załadowana zostaje strona
Używany z: Dokumentami
Składnia: onLoad
Przykład składni: <BODY onLoad="WhatToDoWhenonLoadOccurs">
Zapewne widziałeś już strony, w których przesunięcie kursora nad odsyłacz powodowało wyświetlenie wiadomości w pasku statusu, informującej o zawartości odsyłacza. Albo może odwiedzałeś już stronę, na której zmienia się nawigacyjny obrazek, gdy przesuniesz nad niego kursor. Zawarte tam skrypty posługują się zdarzeniem mouseover.
Zachodzi gdy: Użytkownik przenosi kursor myszki nad obrazek, odsyłacz czy kotwicę
Używany z: Odsyłaczami, Kotwicami i Obrazkami
Składnia: onMouseOver
Przykład składni: <A HREF="http://www.altavista.digital.com" onMouseOver="WhatToDoWhenonMouseOverOccurs">
Zdarzenie może być użyte w miejsce focus, ale nie współpracuje z obszarami tekstowymi.
Zachodzi gdy: Użytkownik klika na polach do wprowadzania danych w formularzu
Używany z: Obszarami tekstowymi i Polami tekstowymi
Składnia: onSelect
Przykład składni: <INPUT TYPE="TEXT" NAME="FIELD" onSelect="WhatToDoWhenonSelectOccurs">
Jeśli kiedykolwiek wysyłałeś formularz i wyskoczyło okienko z podziękowaniem albo coś w tym rodzaju, zapewne masz już wyobrażenie, co to zdarzenie powoduje.
Zachodzi gdy: Użytkownik wysyła formularz
Używany z: Formularzami
Składnia: onSubmit
Przykład składni: FormName.onSubmit="WhatToDoWhenonSubmitOccurs"
Jestem pewien, że większość osób widziała już także to zdarzenie. Jeśli odwiedzałeś już jakąś stronę i wychodziłeś z niej, pojawiało się okienko przypominające o wypełnieniu książki gości, utworzeniu zakładki do strony, zachęcające do ponownych odwiedzin itd. Użyty tam skrypt posługiwał się zdarzeniem unload.
Zachodzi gdy: Użytkownik opuszcza stronę
Używany z: Dokumentami
Składnia: onUnload
Przykład składni: <BODY onUnload="WhatToDoWhenonUnloadOccurs">
| Następna strona: Funkcje w JavaScript Poprzednia strona: Metody w JavaScript | |