Javascript 对鼠标左右键的区分

最新推荐文章于 2024-05-29 13:45:07 发布

信到发呆

最新推荐文章于 2024-05-29 13:45:07 发布

阅读量2k

点赞数

分类专栏： Web开发文章标签： javascript 鼠标左右键区分

本文链接：https://blog.csdn.net/licke28/article/details/27888067

版权

3 篇文章 0 订阅

订阅专栏

Javascript 中 onMouseDown 事件有个 events.button 可以返回一个数值，根据数值可以判断用户按了鼠标的哪个键。

下面是几款浏览器的测试结果。

IE 10 浏览器：

events.button==0 鼠标左键
events.button==1 鼠标中键
events.button==2 鼠标右键

以下返回值有待验证。

events.button==3  鼠标左右键同时按下
events.button==4
events.button==5  鼠标左键和中键同时按下
events.button==6  鼠标右键和中键同时按下
events.button==7  所有三个键都按下

Chrome 浏览器：

events.button==0 鼠标左键
events.button==1 鼠标中键
events.button==2 鼠标右键

上个测试源码，自己可以对自己的浏览器进行测试：

<html>
<head>
<title>onMouseDown事件</title>
<meta charset="utf-8" />
</head>
<body οnmοusedοwn="alert(event.button)">

</body>
</html>

关注

专栏目录