|
Java Script 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.
Javascript:
<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:
Javascript:
<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.
Javascript:
<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.
Javascript:
<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:
 |
