Mobile Chrome禁用長按彈出窗口

Question

我們有一個帶有自定義上下文菜單的應用程序。 每當用戶選擇文本的特定部分時，都會彈出此自定義上下文菜單，並允許用戶與其選擇進行交互。

在桌面瀏覽器中，我們可以為上下文菜單添加一個事件偵聽器以防止它發生（防止默認行為）。 但是，這不適用於移動版的Chrome（Android）。

每當我們在移動Chrome上選擇某項（按住不放）時，上下文菜單中都會顯示：COPY SHARE SELECT ALL ALL（復制全部選中）將顯示在我們的自定義上下文菜單頂部。

我們如何禁用默認的移動Chrome上下文菜單，以便顯示我們自己的上下文菜單？ 文本應保持可選擇狀態。

Answer 1

使用Android 6.0.1上的Chrome 59：

在以下情況下，我遇到了同樣的問題：

• 我的頁面上有一個選項，可以在主文檔前放置許多小div作為標簽/注釋。 我使用“ position：absolute”和z-index來做到這一點。

  • 當我這樣做並嘗試提升上下文菜單時，我得到“復制共享全選”菜單。

  • 如果我小心地將所有小div放在touchstart上，那么我的上下文菜單就會出現在長按上。

  • 我通過將它們的innerHTML設置為null來“擺脫干擾”。 我沒有為div設置style.width或style.height。 簡單地將其（style.left，style.top）設置為（window.innerWidth，window.innerHeight）似乎不起作用。

希望這可以幫助。