html - 当用户选择功能被禁用时，在 div 中选择文本？

Question

在这里，当用户双击页面时，我遇到了在谷歌浏览器页面上禁用用户选择的问题

我需要删除的整个页面选择的屏幕截图

• http://screencast.com/t/3WzzZ2wCabQp

为此，我正在使用以下代码：

#body
{
   -webkit-user-select: none;
}

它工作正常。但是它已经禁用了所有内容，我希望用户能够在 div 中选择文本是否可以通过其他任何方式进行，所以请帮忙。

Answer 1

为特定的 div将其设置回auto ：

#body {
   -webkit-user-select: none;
}

div.selectable {
  -webkit-user-select: auto;
}

在 HTML 中使用：

<div class="selectable">
  This will be selectable
</div>

Answer 2

#body
{
  -webkit-user-select: none;
}

.yourdivinbody(probably container) 
{
  -webkit-user-select: all;
}