Javascript 移动Chrome禁用长点击弹出窗口

我们有一个带有自定义上下文菜单的应用程序。每当用户选择文本的特定部分时，此自定义上下文菜单将弹出，并允许用户与其选择进行交互

在桌面浏览器中，我们可以为contextmenu添加一个事件侦听器来阻止它（阻止默认行为）。然而，这在移动版的Chrome（Android）上不起作用

每当我们在移动Chrome上选择某个内容（按住tap键）时，一个上下文菜单会显示：COPY SHARE select ALL（复制共享选择全部）将出现在自定义上下文菜单的顶部

---

我们如何禁用默认的移动Chrome上下文菜单，以便显示我们自己的上下文菜单？文本应保持可选。

在Android 6.0.1上使用Chrome 59：

在以下情况下，我也遇到了同样的问题：

• 我的页面有一个选项，可以在主文档前面放置许多小div作为标签/注释。我使用“位置：绝对”和z索引来实现这一点
  • 当我这样做，并试图提高我的上下文菜单，我得到了“复制共享选择所有”菜单

  • 如果我在touchstart上小心地把所有的小div都放在一边，那么我的上下文菜单就会在长触摸时出现

  • 我通过将它们的innerHTML设置为null来“避开”它们。我没有为div设置style.width或style.height。简单地将它们的（style.left，style.top）设置为（window.innerWidth，window.innerHeight）似乎不起作用

---

希望这能有所帮助。

Android 6.0.1上的Chrome 59：

在以下情况下，我也遇到了同样的问题：

• 我的页面有一个选项，可以在主文档前面放置许多小div作为标签/注释。我使用“位置：绝对”和z索引来实现这一点
  • 当我这样做，并试图提高我的上下文菜单，我得到了“复制共享选择所有”菜单

  • 如果我在touchstart上小心地把所有的小div都放在一边，那么我的上下文菜单就会在长触摸时出现

  • 我通过将它们的innerHTML设置为null来“避开”它们。我没有为div设置style.width或style.height。简单地将它们的（style.left，style.top）设置为（window.innerWidth，window.innerHeight）似乎不起作用

希望这有帮助