jQuery UI 中disableSelection()函数的功用

最新推荐文章于 2024-01-12 14:14:05 发布

likaiwalkman_Victor

最新推荐文章于 2024-01-12 14:14:05 发布

阅读量5.1k

点赞数

本文介绍 jQueryUI 中的 disableSelection() 函数，该函数用于防止页面元素上的文本被选中，通常与拖拽操作结合使用以提高用户体验。文章通过示例展示了如何在特定元素上应用此功能。

jQuery UI 中disableSelection()函数的作用

<script language="javascript" type="text/javascript">
 $(function(){
  //我们可以设置一个手柄可拖动，也可以阻止一些标签可拖动;
  
  $("#dragbox").draggable({
   handle:"span"
  });
  //因为他们要拖动，所以尽量设置他们的文字不能选择。
  $("div, span").disableSelection();
  
  $("#dragbox2").draggable({
   cancel:"#dragbox2 span"
  })
    
 })
</script>

可以看出这个函数是想要使某些内容不被选上