javascript - 使文本无法选择

Question

因此，在使用 HTML5 中的滚动条和其他东西时，我开始注意到一个令人讨厌的趋势。如果我的元素附近有正在拖动的文本（例如，视频的滑动条、滚动条、用户单击和拖动的任何内容），则附近的文本将被选中，就好像我没有使用控件一样，只是拖动在页面上。

这非常烦人，我似乎无法在谷歌上找到正确的字符串来确定是否可以使某些元素“不可选择”。

有人知道怎么做吗？

Answer 1

它因浏览器而异。这些 CSS 属性将针对基于 WebKit 和 Gecko 的浏览器，以及任何未来支持的浏览器user-select：

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;

Answer 2

在 IE 中，您可以使用属性使元素内的文本立即变为不可选择（即不适用于其子元素中的文本） 。unselectable="on"

请注意，如果从 javascript 申请，您必须使用el.setAttribute("unselectable","on"). 只是尝试是el.unselectable="on"行不通的。（在 IE9 中测试）。