如何使用 jQuery 区分鼠标左键和右键单击-之路教程

如何使用 jQuery 区分鼠标左键和右键单击

jQuery 可以检测鼠标单击，这是各种 Web 应用程序了解使用哪个鼠标按钮触发特定功能所必需的。

我们可以使用 mousedown() 方法和事件 which 处理任务。

event.which 将分别为鼠标左键、中键和右键定义为 1、2 或者 3：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
    <style>
      #divId {
        padding: 100px;
        border: 3px solid red;
        font-size: 30px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div id="divId">
      [Click here]
    </div>
    <script>
      $('#divId').mousedown(function(event) {
          switch(event.which) {
            case 1:
              $('#divId').html('点击了鼠标左键');
              break;
            case 2:
              $('#divId').html('点击了鼠标中键');
              break;
            case 3:
              $('#divId').html('点击了鼠标右键');
              break;
            default:
              $('#divId').html('点击了鼠标其他键!');
          }
        });
    </script>
  </body>
</html>

mousedown() 方法

jQuery mousedown() 方法用于将事件处理程序绑定到默认的“mousedown”JavaScript 事件，该事件用于触发事件。
然后可以使用事件对象的“which”属性来检查相应的鼠标按钮。
“which”属性的值为左键为1，中键为2，右键为3.

日期：2020-06-02 22:16:17 来源：oir作者：oir

←如何提示JavaScript 被禁用信息

如何在 JavaScript 中进行字符串插值→

mousedown() 方法

目录