使文字无法选择

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中测试过）。