Önce sayfamıza bi buton ekleyelim, o butona mouse un hangi butonlarıyla tıklandığını alalım.
<button onmouseup="TıklananButton(event)">Farklı MouseButonlarıyla tıklayın</button>
Internet Explorer 8 ve öncesi versiyonlar için event nesnesinin "button " propertisi kullanılır.Sağ, orta ve sol mouse butonları sırasıyla 1,2,3 değerleriyle kodlanmıştır. Internet Explorer 9 ve sonrası ve diğer tarayıcılar için event nesnesinin "which " propertisi kullanılır.Sağ, orta ve sol mouse butonları sırasıyla 1,4,2 değerleriyle kodlanmıştır
<script>
function TıklananButton(event) {
var tiklanan;
//IE9 ve sonrası için event.which
if (event.which) {
switch (event.which) {
case 1:
tiklanan = "Sol Tık";
break;
case 2:
tiklanan = "Top tık";
break;
case 3:
tiklanan = "Sağ Tık";
break;
default:
tiklanan = "Bilinmez.";
break;
}
}
else {
// IE8 ve öncesi için event.button
switch (event.button) {
case 1:
tiklanan = "Sol Tık";
break;
case 4:
tiklanan = "Top tık";
break;
case 2:
tiklanan = "Sağ Tık";
break;
default:
tiklanan = "Bilinmez.";
break;
}
}
alert(tiklanan);
}
//Sağ tık eventi gerçekleştiğinde contextMenu'nun açılmasını önlemek için :
document.oncontextmenu = ContextMenuIptal;
function ContextMenuIptal(event) {
event = event || window.event;
if (event.preventDefault) {
event.preventDefault();
}
else {
event.returnValue = false
}
}
</script>
Ömer Faruk Dinçer