如何使用 jQuery 區分滑鼠左鍵點擊和右鍵？

使用jQuery 區分滑鼠左鍵點擊和右鍵

在jQuery 處理滑鼠左鍵時，您可能會遇到區分左鍵和右鍵的挑戰並按滑鼠右鍵。雖然 $('div').bind('click', function(){alert('clicked'); }) 捕獲兩次點擊，但它沒有提供區分它們的直接方法。

使用 jQuery 事件物件的解決方案：

為了區分滑鼠按鈕，jQuery 在事件物件中提供了 event.which 屬性。此屬性規範了與 event.keyCode 和 event.charCode 相關的瀏覽器相容性問題。

Event.which 和滑鼠按鈕：

event.which 對於不同的滑鼠傳回不同的值按鈕：

• 1:鼠標左鍵按鈕
• 2:鼠標中鍵
• 3:鼠標右鍵

實現微分:

透過使用event.which，您可以如下實現此區分：

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left Mouse button pressed.');
            break;
        case 2:
            alert('Middle Mouse button pressed.');
            break;
        case 3:
            alert('Right Mouse button pressed.');
            break;
        default:
            alert('You have a strange Mouse!');
    }
});

此程式碼將事件處理程序指派給特定元素 #element。當您按一下滑鼠時，它會檢查 event.which 值並為每次按下滑鼠按鈕顯示相應的訊息。

以上是如何使用 jQuery 區分滑鼠左鍵點擊和右鍵？的詳細內容。更多資訊請關注PHP中文網其他相關文章！