Impreza HTML DOM
HTML DOM pozwala zdarzenia JavaScript, żeby reagować na HTML.
Przykłady
Reagowanie na zdarzenia
W przypadku wystąpienia zdarzenia, można wykonać JavaScript, takie jak wtedy, gdy użytkownik kliknie na elemencie HTML.
Na wykonanie kodu, gdy użytkownik kliknie element, dodać kod JavaScript do atrybutów HTML event:
HTML przykłady zdarzeń:
- Gdy użytkownik kliknie myszką
- Po załadowaniu strony
- Gdy obraz jest załadowany
- Gdy myszy porusza się nad elementem
- Gdy pole wejścia zostanie zmieniony
- Gdy formularz jest składany HTML
- Kiedy użytkownik uruchamia klawisz
W tym przykładzie, gdy użytkownik kliknie, to zmienić zawartość elementu <h1>:
Przykłady
<html>
<body>
<h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
Spróbuj »
W tym przypadku, funkcja zostanie wywołana z obsługi zdarzeń:
Przykłady
<html>
<head>
<script>
function changetext(id)
{
id.innerHTML="Ooops!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">Click on this text!</h1>
</body>
</html>
Spróbuj »
Atrybuty HTML Event
Aby przypisać zdarzenia do elementów HTML można używać atrybutów zdarzeń.
Przykłady
Przypisany do przycisku elementu onclick zdarzeń:
Spróbuj »
W powyższym przykładzie, gdy przycisk zostanie kliknięty, wykonuje funkcję o nazwie displayDate.
Użyj DOM HTML przypisać zdarzenie
Impreza HTML DOM pozwala na używanie JavaScript przypisać elementy HTML:
Przykłady
Przypisany onclick elementu przycisku event:
document.getElementById("myBtn"). onclick =function(){ displayDate() };
</script>
Spróbuj »
W powyższym przykładzie, funkcja o nazwie displayDate są przypisane do "id = myButn elementu HTML.
Po kliknięciu przycisku, wykonywanie funkcji.
onload i zdarzenia onunload
Gdy użytkownik wchodzi lub opuszcza stronę, będzie wyzwalać zdarzenia onload i onUnload.
onload zdarzenie może być używana do sprawdzania odwiedzających typ przeglądarki i wersji, aby w oparciu o informacje na załadowanie różnych wersji strony.
onload i onunload wydarzenie do obsługi ciasteczek.
zdarzenie onchange
onchange zdarzenie jest często używany do sprawdzania poprawności pola wprowadzania.
Poniższy przykład pokazuje, jak używać onchange. Gdy użytkownik zmienia zawartość pola wejściowego zostanie wywołana wielkimi literami function ().
onmouseover i onmouseout wydarzeń
onmouseover i onmouseout zdarzenia mogą być wykorzystane do wywołania funkcji, gdy wskaźnik myszy przesuwa się do lub z elementów.
onmousedown, onmouseup i zdarzenia onclick
onmousedown, onmouseup onclick wydarzenie jest kliknięcie myszą a cały proces. Po pierwsze, gdy użytkownik wciśnie przycisk myszy, wywołać onmousedown zdarzenie, a następnie, gdy przycisk myszy zostanie zwolniony, będzie to powodować onmouseup zdarzenie, i wreszcie, gdy wskaźnik myszy kliknij przycisk Zakończ, onclick zdarzenia.
HTML DOM Event Object Reference
Dla pełnego opisu i przykładów każdym razie, odwiedź naszą HTML DOM Reference Manual .