javascript - e.preventDefault() 不禁用菜单

Question

我的 Canvas 上有一个事件监听器，我试图禁用右键单击菜单，因为我想使用它在 Canvas 上滚动，但我的 preventdefault() 似乎没有停止菜单出现。

这就是我所拥有的: http://jsfiddle.net/zd2042xv/

代码:

function handle(e){
    e.preventDefault(); //disable menu
    output.innerHTML = 'Button Number: '+e.button;
}

canvas.addEventListener('mousedown',handle,false);

我是否误解了它的工作原理？

Answer 1

将“oncontextmenu="return false"”添加到 Canvas 也会禁用右键单击上下文菜单。

<canvas oncontextmenu="return false" id="canvas" width="600" height="600" style="border:1px solid black;"></canvas>

您仍然可以读出鼠标的点击次数。

编辑: JSFiddle:http://jsfiddle.net/ovrrbhnr/1/