javascript - 如何在 JavaScript 中捕获右键单击事件？

Question

这个问题在这里已经有了答案:

Is right click a Javascript event? (21 个回答)

关闭 9年前。

我想屏蔽标准的上下文菜单，手动处理右键事件。

这是怎么做到的？

Answer 1

使用 oncontextmenu事件。

这是一个例子:

<div oncontextmenu="javascript:alert('success!');return false;">
    Lorem Ipsum
</div>

并使用事件监听器(归功于 rampion 来自 a comment in 2011):

el.addEventListener('contextmenu', function(ev) {
    ev.preventDefault();
    alert('success!');
    return false;
}, false);

别忘了返回false，否则还是会弹出标准的上下文菜单。

如果您打算使用自己编写的函数而不是 javascript:alert("Success!") ，请记住在函数和 oncontextmenu 中都返回 false属性。