jQuery UI 中disableSelection()函数的作用

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

原创最新推荐文章于 2024-01-12 14:14:05 发布 · 673 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#UI #jQuery #JavaScript #ViewUI

jQuery UI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用 jQuery 实现的方法，能够防止网页中的特定元素被选中，并且展示了如何设置某些元素为可拖动。通过设置 handle 和 cancel 属性，可以灵活控制哪些元素可拖动及拖动时的行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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