鼠標事件的按鈕屬性用於返回數字。該數字表示觸發鼠標事件時按下了哪個鼠標按鈕。此屬性通常與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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。