使用触发器禁用右键单击上下文菜单以启用它

Question

我希望能够禁用我网站上的右键菜单，我正在执行以下操作：

document.addEventListener("contextmenu", function(e){e.preventDefault(); }, false);

如何重新启用右键单击，例如当用户单击页面上其他位置的按钮时？也许像

function() {
  $('body').unbind();
}

---

谢谢，下面的代码很好用：

HTML

<div class="listener">
    <button onclick="stopjs()" id="stop">Stop</button>
</div>

JavaScript 代码

function prevent(e) {
    console.log('preventing');
    e.preventDefault();
}

document.addEventListener("contextmenu", prevent);

function stopjs() {
    document.removeEventListener("contextmenu", prevent);
}

Answer 1

您必须保存对传递给 addEventListener 的函数的引用，然后您可以稍后将其删除：

function prevent(e) {
  console.log('preventing');
  e.preventDefault();
}
document.addEventListener("contextmenu", prevent);

setTimeout(() => {
  document.removeEventListener("contextmenu", prevent);
}, 3000);