CSS用户选择：禁用空格选择，但允许选择文本

Question

有什么办法阻止选择任何不是文本的东西？像吃剩的<div>空白和<img S和这样的...

不希望选择

禁用此。 有时单击拖动/双击，然后发生这种情况是唯一一个提醒你没有使用“本地应用程序”。

所需的选择

...但仍然允许这样做。

巧妙的申请方式-user-select也许吧？

Answer 1

我就有点警惕这一点，因为MDN规格说明确

非标准 此功能是非标准的，而不是一个标准的轨道。不要在面向Web的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为在未来可能会发生变化。

这就是说，你可以用内联元素（如跨度）包装特定的文本行。检查出来：http://jsfiddle.net/jP7th/

<div> 
    <span>hello</span><br/> 
    <span>hi | yo | what's up</span> 
</div> 

而CSS：

div { 
    -webkit-user-select: none; 
} 
div span { 
    -webkit-user-select: text; 
}