EVENT NESNESİ
HTML sayfası üzerindeki bir çok nesne üzerinde meydana gelen olayın (tıklama, tuşa basma, vs) tanımlanmasını, dinlenmesini (listening) ve bu olaydan bilgi edinmesini sağlar. Event nesnesi ile meydana gelen olaylar hakkında bilgiler toplayıp ayrıca olayı kontrol altında tutmuş oluruz. Buradaki olay özelliklerinin çoğu ve daha fazlası jQuery konusunda anlatılmaktadır.
altKey : ALT tuşuna basılıp-basılmadığını verir. (true veya false)
ctrlKey : CTRL tuşuna basılıp-basılmadığını verir. (true veya false)
shiftKey : SHIFT tuşuna basılıp-basılmadığını verir. (true veya false)
button : Farenin hangi tuşuna basıldıysa ilgili sayı değerini verir.
keyCode : Keypress olayında klavyeden basılan özel bir tuşun ASCII kodunu verir.
which : Klavyeden basılan herhangi bir tuşun ASCII kodunu verir.
charCode : Keypress olayında, klavyeden basılan tuşun ASCII kodunu verir.
clientX : Pencere içerisindeki sayfa alanında fare işaretçisinin soldan olan uzaklığını verir.
clientY : Pencere içerisindeki sayfa alanında fare işaretçisinin üstten olan uzaklığını verir.
layerX : Katman içindeki fare işaretçisinin, soldak uzaklığını verir.
layerY : Katman içindeki fare işaretçisinin, üstten uzaklığını verir.
offsetX : Katman içindeki fare işaretçisinin, soldan uzaklığını verir.
offsetY : Katman içindeki fare işaretçisinin, üstten uzaklığını verir.
pageX : Doküman üzerindeki fare işaretçisinin soldan uzaklığını verir.
pageY : Doküman üzerindeki fare işaretçisinin üstten uzaklığını verir.
screenX : Ekranda fare işaretçisinin soldan uzaklığını verir.
screenY : Ekran fare işaretçisinin üstten uzaklığını verir.
x : Pencere içerisindeki sayfa alanından fare işaretçisinin soldan uzaklığını verir.
y : Pencere içerisindeki sayfada alanında fare işaretçisinin üstten uzaklığını verir.
altKey KULLANIMI
1 2 3 4 5 6 7 8 | <script type="text/javascript" language="javascript"> function alt(e){ if(e.altKey){ alert("Alt tuşuna basıldı.") } } window.onkeydown=alt; </script> |
ctrlKey KULLANIMI
1 2 3 4 5 6 7 8 9 | <script type="text/javascript" language="javascript"> function alt(e){ if(e.ctrlKey){ alert("Alt tuşuna basıldı.") } } window.onkeydown=alt; </script> |
shiftKey KULLANIMI
1 2 3 4 5 6 7 8 9 | <script type="text/javascript" language="javascript"> function sft(c){ if(c.shiftKey){ alert("Alt tuşuna basıldı.") } } window.onkeydown=sft; </script> |
BUTON KULLANIMI
FARECLİCK | SOL | SAĞ | ORTA | SOL+SAĞ |
İE | 1 | 2 | 4 | 3 |
Firefox | 1 | 2 | 4 | |
Opera | 1 | 2 | 4 | |
Safri | 1 | 2 | 4 | |
Chrome | 1 | 2 | 4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script type="text/javascript" language="javascript"> //<body onmousedown="fare(event)"> var sol,sag,orta; sol=0,sag=2,orta=1; function fare(a){ switch(a.button){ case sol: alert("SOL CLİCK"); break; case sag: alert("sag CLİCK"); break; case orta: alert("orta CLİCK"); break; default : alert("diger eylem"); break; } } </script> |
//keyCode KULLANIMI
1 2 3 4 5 6 7 | <script type="text/javascript" language="javascript"> function keykod(a){ alert(a.keyCode); } </script> |
//which KULLANIMI
1 2 3 4 5 6 7 | <script type="text/javascript" language="javascript"> function keykod(a){ alert(a.keyCode); } </script> |
//charCode KULLANIMI
1 2 3 4 5 6 7 8 | <script type="text/javascript" language="javascript"> //<input type="text" onKeyPress="keykod(event)" name="text" id="text"> function keykod(a){ alert(a.charCode); } </script> |
//clientX ve clientY
1 2 3 4 5 6 7 8 9 | <script type="text/javascript" language="javascript"> //<body onmousemove="fare(event)"> var sonuc=document.getElementById("sonuc"); function fare(a){ sonuc.innerHTML="fare X :"+a.clientX+"fare Y :"+a.clientY; } </script> |
//layerX ve layerY kulllanımı
1 2 3 4 5 6 7 8 | <script type="text/javascript" language="javascript"> //<body onmousemove="fare(event)"> var sonuc=document.getElementById("sonuc"); function fare(a){ sonuc.innerHTML="fare X :"+a.offsetX+"fare Y :"+a.offsetY; } </script> |
//pageX ve pageY kullanımı
1 2 3 4 5 6 7 8 | <script type="text/javascript" language="javascript"> //<body onmousemove="fare(event)"> var sonuc=document.getElementById("sonuc"); function fare(a){ sonuc.innerHTML="fare X :"+a.pageX+"fare Y :"+a.pageY; } </script> |
//screenX ve screenY KULLANIMI
1 2 3 4 5 6 7 8 | <script type="text/javascript" language="javascript"> //<body onmousemove="fare(event)"> //<div id="sonuc"></div> var sonuc=document.getElementById("sonuc"); function fare(a){ sonuc.innerHTML="fare X :"+a.screenX+"fare Y :"+a.screenY; } </script> |