javascript - 如何使 Ul 列表项不可选择

Question

我有关注 ul。我想让任何特定的列表项无法选择。

<ul>
  <li>ABC</li>
  <li>PQR</li>
  <li>XYZ</li>
</ul>

我怎样才能做到这一点？我尝试设置以下css类，但没有帮助

.unselectable {
 -moz-user-select: -moz-none;
 -khtml-user-select: none;
 -webkit-user-select: none;
  -o-user-select: none;
  user-select: none
}

Answer 1

它确实有效，但我认为您可能遇到的问题在于您设置 HTML 的方式。

确保<li>您不希望选择的元素具有unselectable类，如本示例所示：

<li class="unselectable">unselectable</li>

小提琴：http:
//jsfiddle.net/TtLQa/1/

此外，请参阅此链接以获取有关user-select:none.

---

编辑：

我刚刚看到您的评论，您想通过 javascript 执行此操作。

使用 jQuery，您可以根据需要轻松添加或删除类：

$(element).addClass("unselectable");
$(element).removeClass("unselectable");

//removes it if it is there, or adds it if it is not
$(element).toggleClass("unselectable"); 

小提琴：http:
//jsfiddle.net/TtLQa/4/