删除/阻止长按时出现 Chrome 移动开发工具上下文菜单

Question

我正在 chrome 的移动模拟器上开发（调试）一个移动应用程序，当您按住移动设备时，我对 chrome 的上下文菜单有点恼火。有没有办法删除/防止它显示？chrome 有没有手动删除的功能？

我什至尝试使用 css user-select: none（包括前缀），它仍然显示它。

Answer 1

监听事件contextmenu并调用其preventDefault()方法：

yourDomElement.addEventListener('contextmenu', (event) => {
  event.preventDefault();
});

由于事件冒泡，您可以将其放在 DOM 树上长按元素的任何位置，甚至document.body. 调试完成后记得将其取下，否则用户将无法随时打开右键菜单。