如何檢測鼠標中鍵點擊？

Question

我所見過的關於如何在JavaScript中檢測鼠標中點擊的問題都與jQuery有關，但我想知道如何使用普通JavaScript檢測鼠標中鍵的點擊。我嘗試使用onClick()，但它似乎只適用於鼠標左鍵。

是否有JavaScript函數可以檢測到鼠標左鍵和鼠標中鍵的點擊，如果沒有，可以檢測鼠標中鍵的點擊？

我問的原因是我想在單擊鏈接時進行函數調用，而不管是否使用了鼠標左鍵或鼠標中鍵。

Answer 1

onclick不綁定到鼠標，而是綁定到目標元素本身。

下面是如何檢測的元素是否是中間點擊：

document.body.onclick = function (e) { 
    if (e && (e.which == 2 || e.button == 4)) { 
    console.log('middleclicked') 
    } 
} 

Answer 2

你必須檢測事件2

event = event || window.event; //make sure to pass the event into the function 
if (event.which == 2) { 
    //do code.. 
} 

Answer 3

下面的代碼可以幫助你。它可以檢測用戶點擊了哪個鼠標按鈕。 e.which == 2用於中間按鈕。

<script type="text/javascript"> 

function detect_button(e){ 
    e = e || window.event; 

    if (e.which == null){ 
     button = (e.button < 2) ? 'left' : ((e.button == 4) ? 'middle' : 'right'); 
    } 
    else{ 
     button = (e.which < 2) ? 'left' : ((e.which == 2) ? 'middle' : 'right'); 
    } 

    alert(button); 
} 

</script> 

Answer 4

你必須使用已經內置到DOM和JavaScript引擎，然後把在情況下，瀏覽器不同的東西（這就是爲什麼jQuery是通常使用）。

document.getElementById("myBtn").onclick = function(event) { 
    event = event || window.event 

    // Now event is the event object in all browsers. 

    // Note: event.target - the reference to clicked element. IE uses event.srcElement 
    // In W3C there is a button property which works same in all browsers except IE: 
    // 0 - left button, 1 - middle button, 2 - right button 
    // For IE, left button = button & 1 (the 1st bit) is set to 1 
    // right button = button & 2 (the 2nd bit) is 1 
    // and middle button = button & 4 (the 3rd bit) 
    var left = event.button == 0 || 1 == event.button&1; 
    var middle = event.button == 1 || 1 == event.button&2; 
    var right = event.button == 2 || 1 == event.button&3; 

    // Put your code here 
}