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

Question

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

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

它将不起作用，该事件仍将起作用。

但是如果我这样写

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

鼠标右键将不起作用。

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

Answer 1

如“ 阻止浏览器的默认操作 ”中所述，返回false值不足以阻止默认操作。您需要preventDefault()在Event对象上调用方法：

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

演示