MouseEvent buttons 属性

JavaScript基础 2022-06-08 12:04:10小码哥的IT人生shichen

实例

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

var x = event.buttons;

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

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

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

注释：该属性只读。

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

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

event.buttons

返回值：	数字值，表示发生鼠标事件时按下的一个或多个鼠标按钮。如果按下了多个按钮，则将这些值组合起来产生一个新数字（例如，如果按下左按钮（1）和右按钮（2），则返回值为 1+2，即 3）。可能的值： 1：鼠标左键 2：鼠标右键 4：滚轮按钮或中间按钮 8：第四个鼠标按钮（通常是“浏览器返回”按钮） 16：第五个鼠标按钮（通常是“浏览器前进”按钮）注释：对于左手配置的鼠标，返回值是相反的。
DOM 版本：	DOM Level 3 Events

返回值：

数字值，表示发生鼠标事件时按下的一个或多个鼠标按钮。如果按下了多个按钮，则将这些值组合起来产生一个新数字（例如，如果按下左按钮（1）和右按钮（2），则返回值为 1+2，即 3）。

可能的值：

注释：对于左手配置的鼠标，返回值是相反的。

DOM 版本：

DOM Level 3 Events