如何取消選擇使用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的答案在創建我自己的「文本突出顯示」工具時證明是非常有幫助的 - 正如勞倫斯所言，它不會拋出如果沒有選擇文本，則顯示錯誤。