DHTML Olay İşleyicileri(Event Handlers)
- Önceki Sayfa DHTML DOM
- Sonraki Sayfa DHTML Özeti
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. |
- Önceki Sayfa DHTML DOM
- Sonraki Sayfa DHTML Özeti