BiLgi Dünyası

Java Script'te Olaylar

JavaScript için olay nedir? Kullanıcının sayfa üzerinde yaptığı her türlü işlem olaydır. Sayfayı açmak, bir nesnenin üzerine tıklamak, fareyle bir nesnenin üzerine gelmek, bir tuşa basmak, bir değeri değiştirmek. Bunların hepsi bir olaydır. HTML nesneleridir ve küçük harfle veya büyük harfle yazılmalarında sakınca yoktur.

"onClick" Olayı
Bu sayfaya kadar onclick (tıklanıldığında) olayını düğme üzerinde birçok uygulamamızda kullandık. Bu olayı uygulamak için düğmeye ihtiyacımız yok, herhangi bir HTML nesnesi de olur: resim, hiperlink, metin vb. onclick olayı kullanıcının fareyle oluşturduğu olaylardandır.

Kod: Tümünü seç: <html> <head> <title>Olay: Onclick</title> <script language="JavaScript"> function mesaj() { sayfa = window.open("","yeni_sayfa", "toolbar=0,location=0,directories=0, status=0, menubar=0,scrollbars=0,resizable=0, copyhistory=0,width=280, height=80, left=200, screenX=200, top=100, screenY=100") sayfa.document.write("<h1>Merhaba</h1>") } </script> </head> <body> <a href="#" onclick="mesaj()">Mesajınız var.</a> </body> </html>

"onDblClick" Olayı
onclick olayına çok benzeyen diğer olay: ondblclick (çift tıklanıldığında). Adından da anlaşılacağı gibi kullanıcının fareyle çift tıklamasını ifade eder. Aşağıdaki uygulamaya bakalım:

Kod: Tümünü seç: <html> <head> <title>Olay: OnDblclick</title> <script language="JavaScript"> function mesaj() { alert("Hiperlinkin üzerine geldiniz.") } </script> </head> <body> <img src="web.jpg" border="0" ondblclick="mesaj()"><br> <p>Resmin üzerine çift tıklarsanız mesaj kutusu görünür.</p> </body> </html>

"onMouseOver" Olayı
Fareyle yaratılan bir diğer olay: onmouseover olayıdır, fare imlecinin bir HTML nesnesi üzerine gelmesini ifade eder. Daha önceki uygulamayı onmouseover olayına uyarlıyalım.

Kod: Tümünü seç: <html> <head> <title>Olay: OnMouseOver</title> <script language="JavaScript"> function mesaj() { alert("Hiperlinkin üzerine geldiniz.") } </script> </head> <body> <a href="#" onmouseover="mesaj()">Hiperlinkin üzerine gelirseniz mesaj görünür.</a> </body> </html>

"onMouseOut" Olayı
Bir başka benzer fare olayı ise onmouseout. Bu olay fare imlecin herhangi bir HTML nesnesi üzerinden gitmesini ifade eder. Uygulamamıza bakalım.

Kod: Tümünü seç: <html> <head> <title>Olay: OnMouseOut</title> <script language="JavaScript"> function mesaj() { alert("Hiperlinkten çıktınız.") } </script> </head> <body> <a href="#" onmouseout="mesaj()">İmleci hiperlinkin üzerinden çekerseniz mesaj görünür.</a> </body> </html>

Genellikle onmouseover ve onmouseout olay kodları birlikte kullanılıyor. Bunlar en çok kullanılan fare kodlarıdır. Böyle bir başka ikili fare olay koduna bakalım: onmousedown (fare tuşuna basıldığında), onmouseup (fare tuşu bırakıldığında). Basit bir uygulama yapalım

Ana Menü

Wepmaster özel

Tasarımlar

WepDersleri Özel

Java Script'te Olaylar

Java Script'te Olaylar