如何響應在Javascript中點擊鼠標按鈕？

Question

我希望能夠編寫代碼來響應（seperately）以下事件：

1. 右手點擊
2. 左手點擊
3. 中鍵點擊（可選 - 不錯的，但我不能沒有這個生活）。

有沒有在JavaScript中內置的方式，我可以響應這些事件，或者我需要使用一個庫（最好是jQuery的）？

Answer 1

$('#your_element').mousedown(function(event) { 
    switch (event.which) 
    { 
     case 1: 
      // left mouse 
      break; 
     case 2: 
      // middle mouse 
      break; 
     case 3: 
      // right mouse 
      break; 
     default: 
      // some sort of bizarre mouse! fallback 
      break; 
    } 
}); 

Answer 2

怪癖模式有a decent guide，它更復雜，那麼它需要是由於瀏覽器的差異。

我需要使用庫（最好是jQuery）嗎？

JavaScript庫不能做任何你自己不能做的事情;他們只是更容易做一些事情。

Answer 3

這是我使用的功能：

var ieButtons = { "1": "left", "2": "right", "3": "leftright", "4": "middle" }; 

function getMouseButton(evt) { 
    if (typeof evt.which == "number") { 
     // Non-IE case. Works in everything apart from Opera < 8 
     return (evt.which < 2) ? "left" : 
      ((evt.which == 2) ? "middle" : "right"); 
    } else { 
     // IE case 
     return ieButtons[evt.button] || "unknown"; 
    } 
} 

document.onmousedown = function(evt) { 
    evt = evt || window.event; 
    window.alert(getMouseButton(evt)); 
}; 

月沃爾特的鼠標事件的文章似乎是小於知名他的一個關鍵事件，但一樣好，叩門怪異模式就相形見絀了：http://unixpapa.com/js/mouse.html

剛剛查看了jQuery代碼，它看起來好像正確地正確識別了事件的which屬性（左1，中2，右3），儘管沒有IE的很好的報告多個按鈕的功能。

Answer 4

從MSDN：onclick event 從MSDN：button property