小码哥的IT人生

MouseEvent which 属性

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

MouseEvent which 属性

实例

查出触发鼠标事件时按下的鼠标按钮:

alert("You pressed button: " + event.which)

完整实例:

<!DOCTYPE html>
<html>
<body>
<div onmousedown="WhichButton(event)">用您的鼠标按钮之一单击此文本可返回一个数字。
  <p>1 = 鼠标左键</p>
  <p>2 = 鼠标中键</p>
  <p>3 = 鼠标右键</p>
</div>
<p><b>注释:</b>IE8 及更早版本不支持 which 属性。</p>
<script>
function WhichButton(event) {
  alert("You pressed button: " + event.which)
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

which 属性返回一个数字,指示触发鼠标事件时按下了哪个鼠标按钮。

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

注释:此属性返回的值等于 button 属性 的返回值加一。

注释:该属性只读。

浏览器支持

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

属性 Chrome IE Firefox Safari Opera
which 1.0 9.0 1.0 1.0 5.0

语法

event.which

技术细节

返回值:

数字值,表示鼠标事件发生时按下的鼠标按钮。

可能的值:

  1. 0:无按钮
  2. 1:鼠标左键
  3. 2:滚轮按钮或中间按钮(如果有)
  4. 3:鼠标右键

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

DOM 版本: DOM Level 2 Events

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024