小编Jor*_*ton的帖子

JavaScript中的SVG形状上的鼠标右键单击检测不起作用


我需要一些帮助我的脚本,我想检测人民币点击.
信息:最后我想在专用的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>
Run Code Online (Sandbox Code Playgroud)


在IE中只检测到LMB(0),在Chrome左(0)和中(1)并显示默认上下文菜单,当我在body标签内禁用它时(如注释掉)上下文菜单根本没有显示,但是我仍然无法获得人民币警报(2),

谢谢你提供的所有提示/支持,Borys

javascript svg contextmenu raphael

11
推荐指数
1
解决办法
1万
查看次数

标签 统计

contextmenu ×1

javascript ×1

raphael ×1

svg ×1