如何取消选择使用JavaScript或jQuery的文本？

Question

我有一个可拖动的（jQuery UI）元素，上面有“已取消”文本。这是我的意思：

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

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

Answer 1

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

喜欢的东西：

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

Answer 2

要取消一切，你可以使用：

document.getSelection().removeAllRanges(); 

Answer 3

的jQuery UI现在包括.disableSelection()，你可以用它来防止文本从你被选中的元素里面。它的API文档并不是非常有用，但是：http://api.jqueryui.com/disableSelection/

另外，Eric G的答案在创建我自己的“文本突出显示”工具时证明是非常有帮助的 - 正如劳伦斯所言，它不会抛出如果没有选择文本，则显示错误。