如何使用Javascript或jQuery取消选择文本

How can I deselect text using Javascript or jQuery?

本文关键字:取消 选择 文本 jQuery 何使用 Javascript      更新时间:2023-09-26

我有一个可拖动的(jQuery UI(元素,上面有"取消"的文本。我的意思是:

$('#main').draggable({
        cancel: '#main>* *',
        start: function(){
          // deselect text
        }
});

当我拖动元素时,我经常意外选择文本。我想在拖动元素时取消选择文本。

要取消选择您可以使用的所有内容,请执行以下操作:

document.getSelection().removeAllRanges();

jQuery UI 现在包含 .disableSelection() ,您可以使用它来防止元素中的文本被选中。它的 API 文档不是很有用,但是: http://api.jqueryui.com/disableSelection/

顺便说一句,Eric G 的回答在创建自己的"文本突出显示"工具时对我非常有帮助 - 正如 Lawrence(劳伦斯(所说,如果没有选择任何文本,它不会抛出错误。

清除文档选择document.selection.empty();

像这样:

 $('#main').draggable({
     cancel: '#main>* *',
     start: function(){
      // deselect text
      document.selection.empty();
     }
 });