使div可选

Question

使div无法选择

<div id='test'>Cannot Select this</div>

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

被使用。

有没有办法让div可选，以防它已经无法选择，而实际上没有删除不可选择的属性。强迫选择的东西。

Answer 1

将-webkit-user-select: initial放在子元素上。

这是一个工作小提琴： http://jsfiddle.net/7APfD/

<style>
  .outer {
      -webkit-user-select: none;
  }

  .inner {
      -webkit-user-select: initial;
  }
</style>

<div class="outer">
    Unselectable

    <div class="inner">
        Selectable
    </div>

    Unselectable
</div>

Answer 2

使用类来应用要动态添加/删除的行为/样式：

<div id="test" class="unselectable">Cannot Select this</div>

.unselectable{
   -webkit-user-select: none;
}

在你的剧本中：

$('#test').addClass('unselectable'); 

或者

$('#test').removeClass('unselectable');