如何防止默认右键单击包含图像的画布答案

【问题标题】：How to prevent default right click on canvas containing image如何防止默认右键单击包含图像的画布
【发布时间】：2016-07-28 08:27:19
【问题描述】：

我有一个画布，我在里面显示了一个图像。我已经附加了一个 jquery 事件，如下所示：

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

我希望这段代码能够执行我的操作并阻止默认浏览器行为。前者实现了，后者，即违约行为预防没有发生。事件虽然运行。我想知道如何防止在右键单击时显示您可以在图像上看到的菜单：

【问题讨论】：

请注意，虽然阻止右键单击将停止显示上下文菜单，但我仍然可以看到图像的 URL 并通过 DOM 查看器/开发工具下载它。古老的格言适用 - 如果它可以在线查看，任何人都可以接受。
@RoryMcCrossan，没关系，我只是希望用户不要看到该菜单，其他一切都很好。
可能重复？ stackoverflow.com/questions/4920221/…

【解决方案1】：

你可以使用contextmenu:

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

【讨论】：