DHTML Olay İşleyicileri(Event Handlers)

Bir olay meydana geldiğinde bir elemente olay denetleyicisi ile belirli bir işlem yapabilirsiniz.

Örnek

Not:Çoğu DHTML örneği IE 4.0+、Netscape 7+ veya Opera 7+ gerektirir!

onmouseover ve onmouseout
Fare işaretçisinin bir elemente gelmesi ve ayrılması sırasında bir elementin rengini nasıl değiştirebilirsiniz.
onclick
Işığı yak. Nasıl bir resmi tıkladığınızda değiştirir, ardından tekrar tıkladığınızda eski resme dönersiniz.
onmousedown ve onmouseup
Bu sefer sadece fare düğmesi basılıyken ışık yanacak.
onload
Sayfa tamamen yüklendikten sonra bir uyarı kutusu göster.

Olay Denetleyicisi

Bir olay denetleyicisi ile, bir olay meydana geldiğinde bir elemente belirli bir işlem yapabilirsiniz: Elemente tıkladığınızda, sayfa yüklendiğinde, bir formun gönderildiğinde, vb.

<h1 onclick="style.color='kırmızı'">Tıkla bu metni</h1>

Üstteki örnek, kullanıcı bir başlık tıkladığında başlığın kırmızıya dönmesini tanımlar.

Sayfanın head bölümüne bir betik ekleyebilirsiniz, ardından olay denetleyicisi ile fonksiyonu çağırabilirsiniz:

<html>
<head>
<script type="text/javascript">
function değişiklikrenk()
{
document.getElementById('header').style.color="kırmızı"
}
</script>
</head>
<body>
<h1 id="header" onclick="değişiklikrenk()">Tıkla bu metni
</body>
</html>

HTML 4.0 Olay İşleyicileri

Olay ... olduğunda meydana gelir
onabort Kullanıcı sayfa yüklenmesini durdurur.
onblur Kullanıcı nesneyi terk eder.
onchange Kullanıcı nesnenin değerini değiştirir.
onclick Kullanıcı nesneye tıklar.
ondblclick Kullanıcı nesneyi çift tıklar.
onfocus Kullanıcı nesneyi etkinleştirir.
onkeydown Klavyeyi basar.
onkeypress Klavyeyi basar.
onkeyup Klavyeyi serbest bırakır.
onload

Sayfa tamamen yüklendi.

Not:Netscape'ta, sayfa yüklenirken bu olay meydana gelir.

onmousedown Kullanıcı fare butonuna basar.
onmousemove Fare işaretçisi nesneye hareket eder.
onmouseover Fare işaretçisi nesneye gelir.
onmouseout Fare işaretçisi nesneden çıkar.
onmouseup Kullanıcı fare butonunu bırakır.
onreset Kullanıcı formu sıfırlar.
onselect Kullanıcı sayfadaki içeriği seçer.
onsubmit Kullanıcı formu gönderir.
onunload Kullanıcı sayfayı kapatır.