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

Question

我正在尝试将 onrightclick 属性添加到我的画布中，如下所示：

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; 
}

小提琴示例（在 Fx12/MacOS 上试过）：http: //jsfiddle.net/Jk3Jx/1

Answer 2

dojo.connect(canvas, 'onclick', function(e) {
  if (dojo.mouse.isRight(e)) {
    ...
  }
});

如果您想要使用 dojo 小部件的上下文菜单，请查看

http://dojotoolkit.org/reference-guide/1.7/dijit/Menu.html