javascript - 如何选择 contenteditable div 中的所有文本？

Question

在将其标记为重复之前，我希望您了解实际上没有人为这个特定问题提供好的答案。在 select all text in contenteditable div when it focus/click ，接受的答案和 Tim Down 的答案都没有帮助，因为它们仅在元素已经聚焦时才有效。在我的例子中，我希望在单击按钮后选中 contenteditable div 中的所有文本，即使 div 事先没有获得焦点。

我该怎么做？

Answer 1

我使用了 this thread 中的一些代码想出我的答案。正如您所要求的那样，它也是 100% jQuery。希望你喜欢:)

jQuery.fn.selectText = function(){
   var doc = document;
   var element = this[0];
   console.log(this, element);
   if (doc.body.createTextRange) {
       var range = document.body.createTextRange();
       range.moveToElementText(element);
       range.select();
   } else if (window.getSelection) {
       var selection = window.getSelection();        
       var range = document.createRange();
       range.selectNodeContents(element);
       selection.removeAllRanges();
       selection.addRange(range);
   }
};

$("button").click(function() {
    $("#editable").selectText();
});​

jsfiddle链接。