为什么我不能使用addEventListener来停止contextmenu事件？

Question

我想禁止鼠标右键。但我发现如果我这样写：

document.addEventListener('contextmenu', function(event) {
    return false;
}, false);

它不起作用，事件仍然有效。

但如果我这样写，

document.oncontextmenu = function() {
    return false;
}

鼠标右键不起作用。

我想知道为什么我无法使用addEventListener来停止活动contextmenu。

Answer 1

如＆＃34; Preventing the Browser's Default Action＆＃34;中所述，false值的返回不足以阻止默认操作。您需要在preventDefault()对象上调用Event方法：

document.addEventListener('contextmenu', function(event) {
   event.preventDefault();
}, true); 

DEMO

Answer 2

我相信你需要useCapture，尝试将true作为第三个参数传递给 document.addEventListener()并查看是否为您解决此问题。