鼠标事件的按钮属性用于返回数字。该数字表示触发鼠标事件时按下了哪个鼠标按钮。此属性通常与onmousedown事件一起使用。该属性是只读的。由于缺乏浏览器支持,因此您可能需要查看button属性。
用法:
event.buttons
返回值:
它返回一个数字,表示一个或多个被按下的鼠标按钮。如果按下多个按钮,例如左按钮(1)和右按钮(2),则返回3(1 + 2)。
可能的值:
- 1:鼠标左键
- 2:鼠标右键
- 4:滚轮按钮或中间按钮
- 8:鼠标第四键或“Browser Back”按钮
- 16:鼠标第五个按钮或“Browser Forward”按钮
例:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM MouseEvent buttons Property
</title>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<div onmousedown="WhichButton(event)">
<h2>HTML DOM MouseEvent buttons Property</h2>
</div>
<h2>You pressed button:<span id="demo"></span></h2>
</center>
<script>
function WhichButton(event) {
var x = event.buttons;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
输出:
之前:
后:
支持的浏览器:下面列出了MouseEvent按钮属性支持的浏览器:
- 谷歌浏览器53.0
- Internet Explorer 9.0
- Firefox
- Opera
相关用法
- HTML MouseEvent clientY用法及代码示例
- HTML MouseEvent screenY用法及代码示例
- HTML MouseEvent screenX用法及代码示例
- HTML MouseEvent offsetX用法及代码示例
- HTML MouseEvent clientX用法及代码示例
- HTML MouseEvent relatedTarget用法及代码示例
- HTML MouseEvent pageX用法及代码示例
- HTML MouseEvent offsetY用法及代码示例
- HTML MouseEvent pageY用法及代码示例
- javascript MouseEvent which用法及代码示例
- javascript MouseEvent altKey用法及代码示例
- javascript MouseEvent Button用法及代码示例
- javascript MouseEvent shiftKey用法及代码示例
- javascript MouseEvent ctrlKey用法及代码示例
注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM MouseEvent buttons Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。