如何使用 jQuery 區分滑鼠左鍵、中鍵和右鍵？

在jQuery 中辨識滑鼠點擊類型

在JavaScript 中，使用jQuery 取得點擊很簡單，但是滑鼠區分左鍵點擊和右鍵單擊需要額外的操作注意。

為了捕獲這兩次單擊，jQuery 提供了單擊事件處理程序。但是，它不區分按鈕。

使用 event.which 進行事件規範化

如文件所述，自 jQuery 版本 1.1 以來，event.which規範化跨瀏覽器的事件代碼.3.它提供一致的值：

• 1：滑鼠左鍵
• 2：滑鼠中鍵
• 3：滑鼠右鍵

使用event.which進行點擊區分

利用這一點，我們可以利用event.which 來區分點擊：

$('#element').mousedown(function (event) {
  switch (event.which) {
    case 1:
      console.log('Left Mouse button pressed.');
      break;
    case 2:
      console.log('Middle Mouse button pressed.');
      break;
    case 3:
      console.log('Right Mouse button pressed.');
      break;
    default:
      console.log('Unidentified Mouse button pressed.');
  }
});

透過此實現，您現在可以根據滑鼠左鍵、中鍵和右鍵單擊來處理在各自的事件上。其值。

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