jQuery的點擊鼠標右鍵格

Question

可能重複：
How to distinguish between left and right mouse click with jQuery

如何打開上下文meniu當我在div內點擊鼠標右鍵點擊。因爲當我點擊鼠標右鍵內div其淡出？

的Javascript

$("#link").click(function(e){ 
    e.stopPropagation(); 
    div = $("#mydiv").fadeToggle(300); 
}); 

$("#mydiv").click(function(e){ 
    e.stopPropagation(); 
}); 

$(document).click(function(e){ 
    $('#mydiv').fadeOut(200); 
}); 

HTML

<a id="link">Click</a> 
<div id="mydiv" style="width: 200px; height: 200px;">Hello</div> 

UPDATE：

的Javascript

$("#link").click(function(e){ 
    e.stopPropagation(); 
    div = $("#mydiv").fadeToggle(300); 
}); 

$("#good_buttom").click(function(e){ 
    e.stopPropagation(); 
    div = $("#hide").fadeToggle(300); 
}); 

$("#mydiv").mousedown(function(e) { 
switch (e.which) { 
    case 1: 
     e.stopPropagation(); 
     $('#mydiv').fadeOut(200); 
     break; 
    case 2: 
     alert('2'); 
     break; 
    case 3: 
     alert('3'); 
     break; 
    default: 
     alert('You have a strange mouse'); 
} 
}); 

HTML

<a id="link">Click</a> 
<div id="mydiv" style="width: 200px; height: 200px;"> 
    <button id="good_button">Click IT</button> 
    <div id="hide" style="display:none;">Show up.</div> 
</div> 

Answer 1

click只能通過鼠標左鍵單擊來觸發，而mousedown可以通過鼠標左鍵/中鍵/右鍵單擊來觸發。因此，只需在代碼中將click替換爲mousedown，然後通過檢查event.which來區分左/中/右鍵。例如，請檢查How to distinguish between left and right mouse click with jQuery。

BTW：檢查此link可能會幫助您瞭解click,mousedown和mouseup事件之間的關係。而這篇文章：Javascript Madness: Mouse Events也許也有幫助。作爲一個經驗法則，是更好處理低級別的事件，如mousedown或mouseup代替高層次的事件，如click或dblclick當你需要對鼠標事件更多的控制。

還有一個問題是，你在HTML把多餘的「＃」 mydiv之前。

更新：根據您的新需求，您可以添加以下代碼，以避免事件傳播。

$("#good_button").mousedown(function(e) { 
    e.stopPropagation(); // avoid triggering its parent 
    div = $("#hide").fadeToggle(300); 
});