使用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