2012-05-22 17 views
1

我想属性添加到onrightclick我的画布是这样的:添加onrightclick属性画布的JavaScript

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

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

的代码很简单,我做同样的“onClick”和“onrightclick”。 onclick部分正在工作,但是当我右键单击我得到浏览器右键单击。如何根据预期重写浏览器右键单击?

回答

4

可能是你正在寻找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

+0

工作在Opera 11.令人讨厌的是菜单在警报之后打开。 – OptimusCrime

+0

@OptimusCrime我忘了小提琴上的'return false'。现在它适用于Opera 11.64和Chrome 19 – fcalderan

+0

你是对的,它现在完美。太棒了。我从来不知道这件事。 +1 1 – OptimusCrime