javascript - `return false` 在由 addEventListener 或 element.on* 附加的事件处理程序中

Question

好吧，让我们先解决这个问题。是的，我想隐藏上下文菜单。不，我并不是要阻止有人从我的页面上删除内容。其预期用途是为浏览器内游戏输入，并且仅限于网页上的特定区域。

从意识形态转向技术......

var mouse_input = function (evt) {
    // ...
    return false;
}

document.onmousedown = mouse_input; // successful at preventing the menu.
document.addEventListener('mousedown', mouse_input, true); // unsuccessful

有人可以向我解释为什么 addEventListener 版本无法阻止上下文菜单触发吗？我在 Safari 的 Web Inspector 中看到的唯一区别是 document.onmousedown 有一个 isAttribute值为 true 而 addEventListener 版本的值为 false。

Answer 1

于是我毫无结果的寻找突然变得富有成果。

var mouse_input = function (evt) {
    evt.preventDefault();
}

document.addEventListener('contextmenu', mouse_input, false);

适用于 Safari、Firefox、Opera。 preventDefault() 阻止通常的操作发生。我不得不更改监听的事件以适应 Safari 并且无论如何它更合乎逻辑。更多信息:实现 EventListener 的函数不应返回值，因此 return false 无效。