jQuery UI 中的 disableSelection 用于啥？

Posted 2023-03-06

【中文标题】jQuery UI 中的 disableSelection 用于啥？

【英文标题】：What is disableSelection used for in jQuery UI?jQuery UI 中的 disableSelection 用于什么？

【发布时间】：2011-09-19 14:04:22

【问题描述】：

谁能帮我理解为什么它有用以及何时使用它？

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

【参考方案1】：

如果您想让文本无法选择，这很有用。例如，如果您想制作带有文本的拖放元素，如果在尝试拖动框时意外选择了框上的文本，用户会很烦。

【讨论】：

我同意！那么，他们为什么要弃用 disableSelection()？

@ScottStafford 因为通常禁用选择不利于 UI 体验。使用 jQuery，当使用 Draggable 和 Sortable 时，选择仍然会被自动禁用。此外，现在可以使用 CSS 实现相同的效果：user-select: none。见this article about user-select on Mozilla Developer Network。

【参考方案2】：

警告：.disableSelection() 实际上对某些浏览器有害，因为它会阻止单击可排序内的活动元素（例如 textareas）。

Firefox 33.1 for Mac OS X (Yosemite)：.disableSelection() 防止点击嵌入的textarea；否则似乎没有任何效果（即，如果省略，仍然无法用鼠标在可排序的文本中选择文本） 适用于 Mac OS X 的 Chrome 39.0.2171.71（64 位）：.disableSelection() 似乎没有任何效果。

【参考方案3】：

jQuery 文档说不要使用它http://api.jqueryui.com/disableselection/

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