Обнаружение щелчка правой кнопкой мыши на фигуре SVG в JavaScript не работает


Мне нужна помощь с моим скриптом, в котором я хотел бы обнаружить щелчок ПКМ .
ИНФОРМАЦИЯ: наконец, я хочу отобразить свое собственное меню правой кнопкой мыши на выделенной форме SVG, которая отображается с использованием Raphael js lib, я обнаружил, что в Интернете есть много разных примеров, даже очень простых для реализации, например с jQuery - но я должен уметь определять, был ли нажат ПКМ или какой-либо другой.
Я пробовал (безуспешно нажимая ПКМ) следующий фрагмент кода:

<html>
<head>
    <script type="text/javascript" src="raphael.js"></script>
    <script>
        window.onload = function() {
            var paper = new Raphael(document.getElementById('canvas_container'), 300, 300);
            var shape = paper.path('m150,150l40,0l0,20l-40,0l0,-20z');
            var fill=shape.attr({fill:'#FFFFFF'});
            fill.click(function (evt){
                if(evt.button == 2) {
                    // right mouse button pressed
                    evt.preventDefault();
                }
                alert("Pressed mouse = " + evt.button.toString());
            });
        }
    </script>
</head>

<!--    <BODY oncontextmenu="return false"> -->
<body>
    <div id="canvas_container"></div>
</body>
</html>


в IE определяется только LMB (0), в Chrome слева (0) и посередине (1) отображается контекстное меню по умолчанию, когда я его отключаю внутри тега тела (как закомментировано) контекстное меню вообще не отображается, но я все еще не могу получить предупреждение с помощью ПКМ (2),

спасибо за все подсказки / поддержку, Борис

11
задан Jorge Nunez Newton 4 October 2012 в 15:49
поделиться