javascript - 在 Chrome 中禁用文本选择

Question

我正在构建一个触摸屏信息亭，它将使用 Google Chrome 浏览器来显示内容。除了会弹出用于在某些屏幕上输入姓名信息的虚拟键盘外，没有键盘。在信息亭的任何地方，用户都不需要选择任何东西。

当我将手指放在屏幕上的任意位置并四处拖动时，蓝色选择字段开始出现。我必须摆脱它。

最初我使用的是 Opera，它具有禁用文本选择的配置功能。我在 Chrome 中找不到与此对应的内容。

有人知道 Chrome 中是否有针对此的配置，或者什么 Javascript 可以完成此操作？

Answer 1

为什么不直接使用 CSS 而不是依赖 Javascript 来去除选择效果？

*::selection {
    background:transparent;
}

*::-moz-selection {
    background:transparent;
}

*::-webkit-selection {
    background:transparent;
}

/* DO NOT COMBINE... IF COMBINED, IT WILL REFUSE TO WORK */
/* FOR CHROME 5+ (untested in 4), ONLY ::SELECTION IS REQUIRED */

仍然可以选择，但不会有任何蓝色矩形。事实上，选择对用户来说是完全不可见的。

我从您的场景中了解到，您只是想摆脱选择矩形。