2016-07-28 28 views
5

我有一個畫布,並在其中顯示圖像。我附上一個jQuery事件,就像這樣:如何防止默認右鍵單擊包含圖像的畫布

$("#mycanvas").mousedown(function(e) { 
    //Do something 
    e.preventDefault(); 
    e.stopPropagation(); 
}); 

我希望這個代碼做我的作業,防止默認瀏覽器的行爲。前者是履行,但後者,即違約行爲的預防不會發生。事件雖然運行。我不知道我怎麼能阻止表明菜單中,您可以在右鍵單擊圖片上看到:

enter image description here

+2

注意,同時防止右鍵單擊將停止上下文菜單出現後,我仍然可以看到圖像的URL並通過DOM查看器/ dev工具下載。古老的諺語適用 - 如果它可以在線觀看,任何人都可以接受。 –

+0

@RoryMcCrossan,沒關係,我只是希望用戶不要看到那個菜單,其他的都很好。 –

+0

可能重複? http://stackoverflow.com/questions/4920221/jquery-js-prevent-right-click-menu-in-browsers – Whothehellisthat

回答

10

您可以使用contextmenu

$("#mycanvas").contextmenu(function(e) { 
    //Do something 
    e.preventDefault(); 
    e.stopPropagation(); 
}); 
+0

非常感謝! –

+0

很高興幫助。 :) –

相關問題