Chrome、Opera和IE中的右键点击事件（onclick）

Question

Chrome、Opera和IE中的右键点击事件（onclick）

javascriptgoogle-chromeinternet-explorerdom-eventsopera

3

在Firefox中，我使用了document.onclick事件，然后检查是否为右键单击，如果我右键单击，一切都如预期的那样。但在Chrome、Opera和IE8中，如果我右键单击，document.onclick不会触发。

我想为img元素创建自定义上下文菜单。我该怎么做？

- Jonathan.

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- brianghig · Accepted Answer

在大多数标准浏览器中，右键单击会调用上下文菜单；因此，您可以使用“oncontextmenu”侦听器来处理右键单击事件。如果您不希望它在调用JS代码后显示标准浏览器上下文菜单，则侦听器应返回false。

以下是处理图像左右点击的示例HTML代码：

<html>
<head>
    <script type="text/javascript">
        function handleRightClick() {
            alert("Got right click!");
        };

        function handleLeftClick() {
            alert("Got left click!");
        };
    </script
</head>
<body>
    <img src="http://thefuturebuzz.com/pics/the-matrix.jpg" onclick="handleLeftClick(this);" oncontextmenu="handleRightClick(this); return false;" />
</body>
</html>

欲了解更多信息，请查看http://www.w3schools.com/html5/html5_ref_eventattributes.asp

（提示：这是一个关于HTML5事件属性的网站链接）