Droit de la souris cliquez sur la détection sur les SVG forme en JavaScript ne fonctionne pas

J'ai besoin d'aide avec mon script dans lequel je voudrais détecter cliquez RMB.
INFO: enfin je veux afficher mon propre menu clic-droit sur un dédié SVG forme, qui est affiché avec une utilisation de Raphael js lib, j'ai trouvé qu'il y a de nombreux exemples sur le web, même très simples à mettre en œuvre, comme avec jQuery mais je dois être en mesure de détecter si RMB a été cliqué ou tout autre.
J'ai essayé (sans succès sur RMB) a, après la paix de code:

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

dans IE uniquement LMB(0) est détecté, Chrome gauche(0) et moyen(1) et le menu contextuel par défaut s'affiche, quand je le désactiver à l'intérieur du corps de la balise (commentée) menu contextuel ne s'affiche pas du tout, mais je ne peut toujours pas obtenir l'alerte avec RMB(2),

je vous remercie pour tous les conseils/soutien,
Borys

OriginalL'auteur Borys | 2011-07-07

  1. 28

    Ressemble éléments SVG ne déclenche pas l'événement "click" au lieu de cela ils incendie "contextmenu" sur le clic droit. Je suis à l'aide de d3.js pour lier les événements, donc cela a fonctionné pour moi: 

    .on("contextmenu", function(data, index) {
     //handle right click

     //stop showing browser menu
     d3.event.preventDefault();
});
    Dans google Chrome, c'est encore vrai aujourd'hui, la version 29.0.1547. bizarre!

    OriginalL'auteur phil mccullick

  2. 2

    De poster le lien vers une bonne solution pour les d3 contextmenu ici.

    Github lien : https://github.com/patorjk/d3-context-menu

    Plunker : http://plnkr.co/edit/hAx36JQhb0RsvVn7TomS?p=preview
    `

    OriginalL'auteur Aparna

  3. 0

    La suite de jQuery menu contextuel plug-in fonctionne avec D3 et SVG: https://github.com/arnklint/jquery-contextMenu

    OriginalL'auteur user1580492