如何使用 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中文网其他相关文章！