Javascript Mouse Butonları

Ö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

Yorum Yaz

Yorumlarınız denetimden geçtikten sonra yayınlanmaktadır...