2012-05-22 19 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