如何禁用触摸按上的文本选择？答案

【问题标题】：How to disable text selection on touch press?如何禁用触摸按上的文本选择？
【发布时间】：2021-05-15 00:30:24
【问题描述】：

我有一个网页应该在 Windows 中作为本机应用程序运行，所以我必须禁用所有浏览器内容，如文本选择等。

我设法在普通设备中禁用了文本选择，如下所示：

$("body, html").mousedown(function (event) {
  event.preventDefault();
});

但是当我在触摸屏设备上运行该网站并长按文本时它仍然会选择它。

如何在触摸设备上禁用文本选择？

【问题讨论】：

答案stackoverflow.com/a/11237968/4510870可能对您有所帮助。
找到包含文本的选择器并输入pointer-events:none; $('#yourText').css('pointer-events','none');
@OrisSin 我实际上有很多文本元素，我可以一次性完成

标签： javascript jquery

【解决方案1】：

在你的 CSS 中使用它..

 -webkit-touch-callout: none; /* Safari */
        -webkit-user-select: none; /* Chrome */     
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none;

【讨论】：

这似乎在添加到 iOS Safari 13.7 的 body 元素的 css 时有效，否则它会跳转到最近的可选元素。