處理右鍵單擊事件後不顯示上下文菜單

Question

我想處理特定div元素上的右鍵單擊事件。經過數計算器答案的挖掘後，我想出了這個：

$('#mydiv').mousedown(function(event) { 
if ((event.which == 3)&& (event.target.nodeName == 'SPAN')){ 
    $("#outpdiv").append($(event.target).text().concat(" , ")); 
    event.preventDefault(); 
} 
}); 

正如你所看到的，我想給span元素裏面mydiv另一個div元素outpdiv追加的內容。這工作正常，但問題是右鍵單擊後，顯示上下文菜單。顯然，event.preventDefault()不起作用。如何解決此問題，以便右鍵單擊後不顯示上下文菜單？

Answer 1

嘗試捕捉contextmenu事件，並呼籲在處理preventDefault()：

http://jsfiddle.net/cTp9x/

$('#mydiv').mousedown(function (event) { 
    if ((event.which == 3) && (event.target.nodeName == 'SPAN')) { 
     $("#outpdiv").append($(event.target).text().concat(" , "));   
    } 
}); 

$(document).on('contextmenu', function(e) { 
    e.preventDefault(); 
}); 

在回答您的評論。如果您只想在您單擊特定div時禁用上下文菜單，則可以將處理程序綁定到它。 jQuery和本地事件處理程序之間的切換是凌亂的，IMO：

$('#mydiv').on('contextmenu', function(e) { 
    e.preventDefault(); 
});