Kullanıcının sayfa üzerinde her türlü işlem bir olayı ifade eder. Sayfayı açmak, nesneye tıklamak,nesne üzerine fare ile gelmek bir değer değiştirmek.
bir nesnenin üzerine tıklandığında meydana gelen olaydır. Sayfa içerisindeki tüm nesnelere uygulanabilir.
<input type=”button” value=”mesaj göster” onclick=”alert(‘merhaba’)”></pre>onMouseOver,onmouseOut olayları
farenin bir nesne üzerine geldiğinde onmouseover olayı meydana gelir.Farenin nesne üzerinden ayrıldığında onmouseout olayı meydana gelir.
Sayfadaki yazının üstüne geldiğinde zeminin rengi kırmızı, ayrıldığında renksiz yapma.
<tr> <td onmouseover="this.bgcolor='red'" onmouseout="this.bgcolor='' ">renk değişimi</td> </tr></pre>onFocus,Onchange,onblur olayları
bu olaylar çoğunlukla kullanıcının doldurması istenilen bir formun doğrulamasında kullanılır.
Onfocus
Bir nesneyi konumlandığında meydana gelir.
Onchange
Olayı nesne içerisinde bir değişiklik yapıldığında meydana gelir.
Onblur
Olayı bir nesne içerisinden çıkarıldığında meydana gelir.
Onload,onunluad olayları
onload olayı sayfanın yüklemeye başlamasıyla onunload olayı sayfadan ayrılırken meydana gelir. Bu olayları body etiketinin içerisinde kulalnılır.
Örnek: sayfa açıldığında “hoş geldiniz” ayrılırken “güle güle” mesajı vermesi.
<head><script> function selamlama(islem){ if(islem==”giris”){ alert("hoş geldiniz");} if(islem==”cikis”){ alert("güle güle");} } </script></head> <body onload=”selamlama(‘giris’)” onunload=”selamlama(‘cikis’)” ></body></pre>