Javascript 如何在移动浏览器（Chrome）中禁用onclick文本高亮显示？

我正在使用Boostrap 4构建一个Web。下面是一个简单的代码：

<div class="col-12 p-2" id="Maincourse">  
  <h1 class="m-0">Main course</h1> 
</div>

主菜

我用我的Android Chrome浏览器（版本80.0.3987.149）点击文本，它会突出显示文本并弹出谷歌搜索

如何禁用它？我不想设置

user select:none

，因为我需要让用户在长按时突出显示文本

.disable-select {
  user-select: none; /* standerd */
  -moz-user-select: none; /* firefox specific */
  -webkit-user-select: none; /* Chrome, Opera and Safari*/
  -ms-user-select: none; /* IE, ms-edge */
}

资料来源1:
资料来源2：

版本兼容性

桌面：

Chrome: 54+
Firefox: 69+
Opera: 15+
Safari: 3+
MS Edge: 12+
IE: 10+

mobile

Chrome for Android: 54+
Android web-view: 54+
Firefox for Android: 4+
Opera for Android: 14+
Safari on IOS: 3+

有关更多信息和版本兼容性，请参阅源代码。

通过在包装中添加

role=“dialog”

解决了我的问题。 但我不知道为什么，有人能解释吗？

试试这个：

-webkit-tap-highlight-color: transparent;

---

我很确定你不能禁用它，因为它在Chrome中被编码为默认行为。@VVV但是为什么其他网站不会被突出显示呢？例如，我尝试单击stackoverflow文本，除非长按，否则不会高亮显示。但这将禁用用户选择文本。我想让用户选择文本。will

：active

pseudo help帮助您。