AWWW-1st3.6-w03.tresc-1.0-Slajd21
JavaScript - przykład obsługi zdarzenia
Na slajdzie zaprezentowano przykład obsługi zdarzeń związanych z ruchem myszy. W ciele dokumentu HTML znajduje się nagłówek pierwszego poziomu o identyfikatorze "header". W znaczniku <h1> zdefiniowano procedurę obsługi zdarzenia polegającego na najechaniu myszy na nagłówek (funkcja mouseOverHeading()) oraz procedurę obsługi zdarzenia opuszczenia obszaru nad nagłówkiem przez mysz (funkcja mouseOutHeading()). Obie funkcje zostały zdefiniowane w sekcji <head> dokumentu. Działanie obu procedur obsługi zdarzenia polega na zamianie tekstu wyświetlanego wewnątrz nagłówka. W drzewie DOM nagłówek zostaje zlokalizowany poprzez metodę getElementById obiektu document. Tekst wyświetlany wewnątrz elementu jest reprezentowany przez składową innerHTML, zmiana tej wartości znajduje natychmiastowe odzwierciedlenie w obrazie dokumentu wyświetlanym przez przeglądarkę.
