Olaylar ( Events )

İnternet sayfamızdaki her şey olaylarla gözlenebilir. Farenin herhangi bir yere tıklaması, klavyeden bir şeyler yazılması, sayfanın yüklenmesi vb. eylemler olaylarla kontrol edilebilir. Olayların gerçekleşmesi ile yazılmış fonksiyonların tetiklenmesi sağlanır. Olay yöneticileri, olay gerçekleştiğinde hazırladığımız fonksiyonları tetiklememizi sağlar.

Olay örnekleri:

Fare tıklaması
Bir sayfanın ya da resmin yüklenmesi
Bir nokta/bölge üzerinden fare imlecini geçirmek
HTML formundaki bir girdi kutusunu seçmek
Bir HTML formunu çalıştırmak
Klavyeden bir tuşa basmak

NOT: Olaylar genelde fonksiyonlar ile birlikte kullanılırlar ve fonksiyon olay gerçekleşene kadar çalışmaz.

Olay (Event)	Açıklama
onAbort	Bir resim yüklenirken kullanıcı vazgeçtiği zaman gerçekleşir.
onBlur	Bir form elementi veya window veya frame nesnesinden çıkıldığında (focus özelliğini kaybettiğinde) gerçekleşir.
onChange	Select, Text veya Textarea nesnelerinin değeri değiştiğinde gerçekleşir.
onClick	Form üzerinde bir nesneye tıklandığında gerçekleşir.
onDblClick	Kullanıcı bir form elementine veya linke çift tıkladığı zaman gerçekleşir.
onDragDrop	Kullanıcı taracıyıcı penceresine bir nesne (sürükleyip) bıraktığı zaman gerçekleşir.
onError	Bir döküman veya resim yüklenirken hata meydana gelirse gerçekleşir.
onFocus	Bir form elementine veya window, frame veya frameset nesnesine odaklanıldığında gerçekleşir.
onKeyDown	Kullanıcı bir tuşa bastığı zaman gerçekleşir.
onKeyPress	Kullanıcı bir tuşa bastığında veya basılı tuttuğunda gerçekleşir.
onKeyUp	Kullanıcı bastığı tuşu bıraktığında gerçekleşir.
onLoad	Tarayıcı dökümanı yüklediğinde gerçekleşir.
onMouseDown	Farenin bir tuşuna basıldığı zaman gerçekleşir.
onMouseMove	Fare işaretçisi hareket ettirildiği zaman gerçekleşir.
onMouseOut	Fare işaretçisi sayfa üzerindeki bir alandan veya bir linkten çıktığı zaman gerçekleşir.
onMouseOver	Fare işaretçisi sayfa üzerindeki bir nesnenin veya alanın kapsadığı alana girdiği zaman gerçekleşir.
onMouseUp	Farenin basılı tuşu bırakıldığı zaman gerçekleşir.
onMove	Kullanıcı veya bir script pencereyi veya frame'i taşıdığı zaman gerçekleşir.
onReset	Form resetlendiğinde (Reset butonuna basıldığında) gerçekleşir.
onResize	Kullanıcı veya bir script pencereyi veya frame'i tekrar boyutlandırdığı zaman gerçekleşir.
onSelect	Kullanıcı text veya textarea içinde bir metni seçtiği zaman gerçekleşir.
onSubmit	Kullanıcı formu gönderdiği zaman (Submit butonuna bastığında) gerçekleşir.
onUnload	Kullanıcı bir belgeyi kapattığı zaman gerçekleşir.

onload Olayı

Daima <body> etiketi ile kullanılır. Sayfa yüklendikten sonra gerçekleşecek olayları yerine getirir.

<html>

<head>

function hosGeldiniz() {

alert("Sayfamıza hoş geldiniz!");

}

</script>

</head>

</body>

</html>

onclick Olayı

En çok kullanılan olaydır. Bir nesneye tıklandığında çalışacak kodları yerine getirir.

function onayla() {

alert("Mesajınız başarı ile gönderildi. Sizinle en yakın zamanda iletişime geçeceğiz.");

}

function temizle() {

return confirm("Form temizlensin mi?");

}

</script>

<form>

<legend>Mesaj Gönder</legend>

<label>Rumuzunuz: </label> <input type="text"/> <br/><br/>

<label>e-Posta Adresiniz: </label> <input type="text"/> <br/><br/>

<label>Doğum Tarihiniz: </label> <input type="text"/> <br/><br/>

<label>Mesajınız: </label> <textarea rows="2" cols="18"></textarea> <br/><br/>

</fieldset>

</form>

<head>
<script language="javascript">
window.open("http://www.fml.somee.com"); /* yeni bir sayfa daha açacak*/
function kapat(){ window.pencerem.close();}
function ac(){ pencerem=window.open('pencerem.html','pencerem1')}
</script>
</head>
<body>
<img src="buton.fw.png" width="101" height="35" onclick="ac()" />
<img src="buton.fw.png" width="101" height="35" onclick="kapat()"/>
</body>

onerror Olayı

Tarayıcı nesneyi sayfa yükledikten sonra meydana gelecek olayları gerçekleştirir.

function hata() {

alert("Resim sayfaya yüklenemedi.");

}

</script>