javascript - 是否可以禁用 Canvas 元素上的上下文菜单？

Question

我正在使用 jqPlot在 div 标签内创建图表。 jqPlot 使用 canvas 元素来渲染图形。我正在尝试向图表添加一些交互性，即缩放，用户可以分别使用鼠标左键和右键单击来放大和缩小。我想在用户右键单击图形时禁用上下文菜单。我尝试了几种方法，包括...

将 oncontextmenu 属性添加到包含图形 Canvas 的父 div:

<div id="myGraph" style="width: 908px; height: 600px; " class="jqplot-target" align="center" oncontextmenu="return false"></div>

在 jqPlot 呈现图形后，将 oncontextmenu 参数动态应用于所有子项:

//Code to render the graph
//...
$("#myGraph").children().attr("oncontextmenu", "return false");

使用 jQuery 的方法代替常规的 JS:

$("#myGraph").children().bind("contextmenu",function(e){
        return false;
    });

并使用此 great 中的自定义插件站点并按如下方式应用它的禁用功能:

$("#plot_testEventHistogram").children().disableContextMenu();

但这些方法似乎都不起作用，当我右键单击图表时，我仍然会看到一个上下文菜单。这不是一个阻碍，但非常烦人，如果可以有效地禁用它会很好

Answer 1

canvas.oncontextmenu = function() {
    return false;
}

http://jsfiddle.net/9ZWv2/

在 chrome 中工作