什么是用于jQuery UI的disableSelection?

Nik*_*ola 87 jquery jquery-ui

有人可以帮助我理解为什么这有用,何时使用它?

$( "#sortable" ).disableSelection();
Run Code Online (Sandbox Code Playgroud)

kba*_*kba 104

如果您想让文本无法选择,这很有用.例如,如果你想制作带有文字的拖放元素,如果在试图拖动框时意外地选择了盒子上的文字,那么用户会感到烦恼.

  • @ScottStafford因为通常禁用选择对UI体验不利.使用jQuery时,使用[Draggable](http://jqueryui.com/draggable/)和[Sortable](http://jqueryui.com/sortable/)时仍会自动禁用选择.此外,现在可以使用CSS实现相同的效果:`user-select:none`.请参阅[本文关于Mozilla开发者网络上的用户选择](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select?redirectlocale=en-US&redirectslug=CSS%2Fuser-select) . (5认同)
  • 我同意!那么,他们为什么不赞成使用disableSelection()呢? (2认同)

Dom*_*omQ 8

警告:.disableSelection()在某些浏览器上实际上是有害的,因为它可以防止textarea在可排序内部点击活动元素(例如s).

  • 适用于Mac OS X(Yosemite)的Firefox 33.1:.disableSelection()防止点击嵌入式textarea; 似乎没有任何其他效果(即如果省略,仍然无法在sortable中选择带有鼠标的文本)
  • 适用于Mac OS X的Chrome 39.0.2171.71(64位):.disableSelection()似乎没有任何效果.