javascript - 使用 JavaScript 将 onrightclick 属性添加到 Canvas

Question

我正在尝试像这样将 onrightclick 属性添加到我的 Canvas 中:

canvas.onclick = function(evnt) {
    doSomethingClick();
}

canvas.onrightclick = function(evnt) {
    doSomethingRightClick();              
}

代码很简单，我对“onclick”和“onrightclick”也做了同样的处理。 onclick 部分工作正常，但是当我右键单击时，我得到了浏览器右键单击。如何按预期覆盖浏览器右键单击？

Answer 1

可能您正在寻找 oncontextmenu

<canvas id="cnv" width="200" height="200"></canvas>

var cnv = document.getElementById('cnv');
cnv.oncontextmenu = function() {
   alert('right click');  
   return false; 
}

fiddle 示例(在 Fx12/MacOS 上试过):http://jsfiddle.net/Jk3Jx/1