DHTML handlerzy zdarzeń (Event Handlers)
- Poprzednia strona DHTML DOM
- Następna strona Podsumowanie DHTML
Możesz wykonać pewne operacje na elemencie za pomocą uchwytu zdarzenia, gdy zdarzenie się zdarzy.
Przykład
Strona została w pełni załadowana.Większość przykładów DHTML wymaga IE 4.0+, Netscape 7+ lub Opera 7+!
- onmouseover i onmouseout
- Jak zmienić kolor elementu, gdy wskaźnik myszy przechodzi nad niego i znika z niego.
- Użytkownik zmienił wartość obiektu.
- Jak włączyć światło, gdy klikniesz na obraz, a następnie znów klikniesz na niego, aby wrócić do oryginalnego obrazu.
- onmousedown i onmouseup
- Tym razem światło się zapali tylko, gdy przytrzymasz przycisk myszy.
- Puściliście klawisz klawiatury.
- Wyświetl okno dialogowe, gdy strona zostanie całkowicie załadowana.
Uchwyt zdarzenia
Za pomocą uchwytu zdarzenia możesz wykonać pewne operacje na elemencie, gdy zdarzenie się zdarzy: gdy użytkownik kliknie element, gdy strona się załaduje, gdy formularz zostanie wysłany, itp.
<h1 onclick="style.color='red'">Kliknij na ten tekst</h1>
Powyższy przykład definiuje, że gdy użytkownik kliknie w tytuł, tytuł zmienia się na czerwony.
Możesz również dodać skrypt w sekcji head strony i wywołać funkcję z uchwytu zdarzenia:
<html>
<head>
<script type="text/javascript">
function zmienkolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="zmienkolor()"Kliknij na ten tekst</h1>
