javascript - 在网络应用程序上禁用 Chrome 移动设备的 "tap to search"

标签 javascript android mobile mobile-chrome

我希望能够通过 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/

相关文章:

javascript - Safari Mobile 忽略阻止默认

javascript - Lodash 从重复的对象键创建集合

javascript - Chrome 和 Safari 的正则表达式负向前瞻

javascript - Angular 中的 Firebase Auth 服务 - 数据不适用于所有 Controller

android - 禁用 InfoWindowClick on 1 icon on google map android v2

jquery - HTML5 中的移动测验应用程序?

在移动设备上测试基于 Web 的应用程序时,CSS 固定顶部栏不断下降

javascript - 当我尝试在 javascript 中将日期转换为 toisostring 时,为什么要休息 1 天?

android - 尝试从 cmd 提示符执行 proc rank,但不工作

android - 不可转换类型;无法将 'androidx.fragment.app.Fragment' 转换为 'com.google.android.gms.maps.MapFragment'