MouseEvent buttons 属性

DOM 事件 MouseEvent

定义和用法

button 属性返回一个数字，指示触发鼠标事件时按下了哪个或哪些鼠标按钮。

此属性主要与 onmousedown 事件一起使用。

提示：由于缺乏浏览器支持，您可能需要参阅 button 属性。

注释：该属性只读。

实例

找出触发鼠标事件时按下的鼠标按钮：

var x = event.buttons;

亲自试一试

语法

event.buttons

技术细节

返回值：

数字值，表示发生鼠标事件时按下的一个或多个鼠标按钮。

如果按下了多个按钮，则将这些值组合起来产生一个新数字（例如，如果按下左按钮（1）和右按钮（2），则返回值为 1+2，即 3）。

可能的值：

  • 1：鼠标左键
  • 2：鼠标右键
  • 4：滚轮按钮或中间按钮
  • 8：第四个鼠标按钮（通常是“浏览器返回”按钮）
  • 16：第五个鼠标按钮（通常是“浏览器前进”按钮）

注释：对于左手配置的鼠标，返回值是相反的。
DOM 版本： DOM Level 3 Events

浏览器支持

表中的数字注明了完全支持该属性的首个浏览器版本。

属性 Chrome IE Firefox Safari Opera
buttons 53.0 9.0 支持 不支持 支持

相关页面

HTML DOM 参考手册：MouseEvent button 属性

HTML DOM 参考手册：MouseEvent which 属性

DOM 事件 MouseEvent