jQuery UI中的disableSelection是什么？

86

有人可以帮助我了解为什么这样做有用以及何时使用吗？

$( "#sortable" ).disableSelection();

jquery jquery-ui

— 尼古拉
source

104

如果要使文本不可选择，这很有用。例如，如果您想在文本上放置拖放元素，那么在尝试拖动框时如果框上的文本被意外选中会给用户带来烦恼。

— ba
source

1

我同意！那么，为什么他们不赞成disableSelection（）？

— 斯科特·斯塔福德，

5

@ScottStafford因为通常禁用选择对UI体验不利。使用jQuery，当使用Draggable和Sortable时，选择仍会自动禁用。而且，现在可以使用CSS：实现相同的效果user-select: none。请参阅有关Mozilla开发人员网络上的用户选择的文章。

— kba

8

注意：.disableSelection()在某些浏览器中实际上是有害的，因为它防止单击textarea可排序元素内的活动元素（例如）。

适用于Mac OS X的Firefox 33.1（优胜美地）：.disableSelection()禁止单击嵌入式textarea；否则似乎没有任何效果（例如，如果省略，仍然无法用鼠标在可排序的文本中进行选择）
适用于Mac OS X的Chrome 39.0.2171.71（64位）：.disableSelection()似乎没有任何作用。

— DomQ
source

0

另外，我发现它使元素contenteditable="true"不再可编辑。

— 肖恩·罗瓦特（Shane Rowatt）
source