在三維場景中有時候需要判斷鼠標的事件，除了使用的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