将 onrightclick 属性添加到使用 JavaScript 进行画布

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