Zdarzenia w JavaScript

W bieżącej sekcji zostaną przedstawione zdarzenia obsługiwane przez JavaScript.

Zdarzenia

  Poniżej są wypunktowane zdarzenia w JavaScript. Zdarzenia to akcje, które są podejmowane w przeglądarce internetowej, za pomocą myszki lub klawiatury. Widziałeś kiedyś stronę z migającym tłem? To właśnie przykład akcji. Poniżej wymienione są nazwy zdarzeń, wyzwalacze akcji, obiekty będące ich przedmiotem, składnia i przykład użycia.

  blur click change focus load mouseover select submit unload

Zdarzenie blur

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">

  Na początek strony

  Zdarzenie click

  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">

  Na początek strony

  Zdarzenie change

  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">

  Na początek strony

  Zdarzenie focus

  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">

  Na początek strony

  Zdarzenie load

  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">

  Na początek strony

  Zdarzenie mouseover

  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">

  Na początek strony

  Zdarzenie select

  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">

  Na początek strony

  Zdarzenie submit

  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"

  Na początek strony

  Zdarzenie unload

  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">

  Na początek strony

  | Następna strona: Funkcje w JavaScript Poprzednia strona: Metody w JavaScript |