Chrome、Opera 和 IE 中的右键单击事件（onclick）答案

【问题标题】：Right click event (onclick) in Chrome, Opera and IEChrome、Opera 和 IE 中的右键单击事件（onclick）
【发布时间】：2011-04-02 09:08:55
【问题描述】：

在 Firefox 中，我使用了document.onclick 事件，然后检查它是否是右键单击，如果我右键单击一切都按预期进行，但在 Chrome、Opera 和 IE8 中，如果我右键单击 document.onclick 不会火。

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

【问题讨论】：

标签： javascript google-chrome internet-explorer dom-events opera

【解决方案1】：

右键单击在大多数标准浏览器中调用上下文菜单；因此，您可以使用“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

【讨论】：