Najlepszy samouczek Zdarzenie JavaScript HTML DOM W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Reagowanie na zdarzenia,Przykłady,Przykłady,Atrybuty HTML Event,Przykłady,Użyj DOM HTML przypisać zdarzenie,Przykłady,onload i zdarzenia onunload,Przykłady,zdarzenie onchange,Przykłady,onmouseover i onmouseout wydarzeń,Przykłady,onmousedown, onmouseup i zdarzenia onclick,Przykłady,Więcej przykładów,
HTML DOM JavaScript, HTML ma zdolność do reagowania na zdarzenia.
Możemy uruchomić JavaScript, gdy wystąpi zdarzenie, na przykład, gdy użytkownik kliknie na elemencie HTML.
Na wykonanie kodu, gdy użytkownik kliknie element, dodać kod JavaScript do atrybutów zdarzenie HTML:
HTML przykłady zdarzeń:
W tym przykładzie, gdy użytkownik na <h1> elementu po kliknięciu, zmieni jego zawartość:
W tym przypadku, aby wywołać funkcję z obsługi zdarzeń:
Aby przypisać zdarzenia do elementów HTML można używać atrybutów zdarzeń.
Przypisany do elementu button onclick zdarzenia:
W powyższym przykładzie, funkcja o nazwie displayDate wykona po kliknięciu przycisku.
HTML DOM pozwala na używanie JavaScript, aby przypisać zdarzenia do elementów HTML:
Przypisany do elementu button onclick zdarzenia:
W powyższym przykładzie, funkcja jest przypisana do określonego displayDate id = myButn "elementu HTML.
Kliknij przycisk, gdy funkcja JavaScript zostanie wykonany.
onload i onunload zdarzenie jest wywoływane, gdy użytkownik wchodzi lub opuszcza stronę.
onload zdarzenie może być stosowany typ przeglądarki i wersja przeglądarki jest wykrywany użytkownik i na podstawie tych informacji, aby załadować poprawną wersję strony.
onload i zdarzenia onunload może być używany do obsługi plików cookie.
często w połączeniu walidacji pól wejściowych onchange wydarzeniem w użyciu.
Oto przykład jak używać onChange. Gdy użytkownik zmienia zawartość pola wejściowego, wywołuje funkcję (wielkimi literami).
onmouseover i onmouseout zdarzenia mogą być wykorzystane do wywołania funkcji, gdy mysz porusza użytkownika do górnej części elementu HTML lub elementy usunięte.
onmousedown, onmouseup i onclick stanowią wszystkie części imprezy kliknięciem myszki. Po pierwsze, po kliknięciu przycisku myszy, spust onmousedown przypadku, gdy przycisk myszy zostanie zwolniony, będzie to powodować onmouseup zdarzenie, i wreszcie, gdy zakończenie kliknięciem myszy, będzie wyzwalać zdarzenie onclick.
Prosty onmousedown-onmouseup instancji:
onmousedown i onmouseup
Gdy użytkownik naciśnie przycisk myszy, zastąpienie obrazu.
onload
Po zakończeniu ładowania strony, wyświetla okno komunikatu.
onfocus
Gdy pole wejściowe ma ostrość, zmienić kolor tła.
zdarzenia myszy
Gdy wskaźnik przesuwa się nad elementem, zmienić jego kolor, gdy kursor z tekstu, jego kolor zmieni się ponownie.