我希望能够通过 JavaScript 或某种 HTML 元标记禁用 点击搜索/触摸搜索在 上找到的功能移动 Chrome 每次用户长按/点击任何文本段落中的单词时,它都会在浏览器底部显示一个横幅。
这个 Chrome 功能对我来说是个问题,因为这个上下文横幅完全覆盖了我正在开发的 Web 应用程序中的工具栏,该工具栏固定在页面底部。
我只找到了this 2015 年的问题,引用 this Google Developers 文章(同样来自 2015 年),但除了 CSS “user-select: none”之外,提议的解决方案似乎不再适用;不幸的是,禁用用户选择对我来说不是一个解决方案,因为我的网络应用程序需要用户选择才能工作。
我还尝试在“oncontextmenu”事件触发时设置 event.preventDefault(),据我所知,当用户点击一个单词时,它会禁用搜索工具栏,但当用户长按一个单词时不会禁用搜索工具栏。
到目前为止,唯一对我有用的部分“解决方案”是安装网络应用程序:作为已安装的 PWA,点击搜索不会以某种方式触发。基本上我不得不乞求我的潜在用户在移动设备上安装网络应用程序,这仍然让我很恼火。
我也知道用户可以在 Chrome 标志中全局手动禁用此功能,但我想这对潜在用户来说也很烦人。
我在这里有什么遗漏吗?你知道有什么方法可以防止长按点击搜索吗?
最佳答案
添加属性 tabindex="-1"
到<body>
标签对我有用。
关于javascript - 在网络应用程序上禁用 Chrome 移动设备的 "tap to search",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61640608/