javascript - 为什么我不能使用 addEventListener 来停止上下文菜单事件？

Question

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

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

它不会起作用，事件仍然会起作用。

但是如果我这样写，

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

鼠标右键不起作用。

我想知道为什么我不能使用 addEventListener 来停止事件 contextmenu。

Answer 1

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

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

DEMO