Raphael：禁用右鍵單擊默認上下文菜單不起作用

Question

繼this question的回答後，我試圖禁用默認的瀏覽器上下文菜單，而不是顯示自定義菜單。正如你在jsfiddle中看到的那樣，右鍵單擊顯示矩形，但默認菜單顯示出來。我試過Chrome和IE，行爲是一樣的。這段代碼有什麼問題？

這是HTML：

<div id="canvas"></div> 

這是CSS：

#canvas { 
    width: 500px; 
    border: 1px solid #aaa; 
} 

和JavaScript：

var menu = null; 
    var paper = new Raphael(document.getElementById('canvas'), 500, 500); 
    var rect2 = paper.rect(100, 100, 180, 180).attr({"fill" : "green" }); 

    rect2.node.oncontextmenu = function(){ return false; } 

    rect2.mousedown(function(e) { 

     if (e.which != 3) // only allow right click 
      return; 

     menu = paper.rect (e.offsetX, e.offsetY, 100, 100).attr({stroke: '#000000', fill:'#c2c2c2',"stroke-width":1}); 
    }); 

Answer 1

你不得不取消默認動作

function eventHandler(e){ 
    e = e || window.event; 

    if(e.stopPropagation) 
     e.stopPropagation(); 
    if(e.preventDefault) 
     e.preventDefault(); 
    e.cancelBubble = false; 

    return false; 
} 

http://jsfiddle.net/8Zy3F/3/

http://jsfiddle.net/tSGC5/