JS中鼠标左右键以及中键的事件
生活随笔
收集整理的這篇文章主要介紹了
JS中鼠标左右键以及中键的事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在三維場景中有時候需要判斷鼠標的事件，除了使用的click事件，只有鼠標左鍵有效，而右鍵無效。而對于onmousedown、onmouseup的時候鼠標的事件左鍵/右鍵有效。詳細請看w3c上的資料。
以下總結鼠標三個按鍵操作：
首先，需要為window綁定mousedown、mouseup事件
元素對象.addEventListener('mousedown', 處理函數fun);
1
然后，判斷button的值，button 事件屬性可返回一個整數，指示當事件被觸發時哪個鼠標按鍵被點擊。
button： 返回當事件被觸發時，哪個鼠標按鈕被點擊。
| 參數 | 描述 |
| 0 | 規定鼠標左鍵 |
| 1 | 規定鼠標中鍵 |
| 2 | 規定鼠標右鍵 |
function onMouseDown(event){
if (event.button == 0) {
console.log("鼠標左鍵!")
}else if (event.button == 2){
console.log("鼠標右鍵!");
}else if(event.button == 1){
console.log("鼠標滾輪!");
}
}
w3c下的示例
<body onmousedown="whichButton(event)">
<p>請在文檔中點擊鼠標。一個消息框會提示出您點擊了哪個鼠標按鍵。</p>
<script type="text/javascript">
function whichButton(event){
var btnNum = event.button;
if (btnNum==2){
alert("您點擊了鼠標右鍵！")
}else if(btnNum==0){
alert("您點擊了鼠標左鍵！")
}else if(btnNum==1){
alert("您點擊了鼠標中鍵！");
}else{
alert("您點擊了" + btnNum+ "號鍵，我不能確定它的名稱。");
}
}
</script>
</body>
原文：https://blog.csdn.net/ithanmang/article/details/81561363
總結
以上是生活随笔為你收集整理的JS中鼠标左右键以及中键的事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 宏碁发布全新 Predator Trit
- 下一篇： 宏碁发布新款 Swift Go 14 轻