拖动 div 选择整个文本答案

【问题标题】：Dragging a div select whole text拖动 div 选择整个文本
【发布时间】：2013-09-02 11:22:45
【问题描述】：

假设我有一个 div

<div id="blah">
spotify:track:something
spotify:track:something
spotify:track:something
spotify:track:something
</div>

拥有近 100 多个 spotify:track 内容，我想将整个列表拖到 Spotify 程序中以创建一个新的播放列表，但首先我必须选择所有文本。

是否可以让开始自动拖动div会选择整个文本。

例如：http://codepen.io/anon/pen/Hwbdy

如果它是一个div或文本区域，它实际上不会，只要用户可以简单地点击和拖动而不选择文本，谢谢

【问题讨论】：

在 textarea 中快速单击三下...或者单击 textarea 并按 ctrl + a。
要选择div中的所有文本吗？
stackoverflow.com/questions/1539641/…

标签： javascript jquery html css

【解决方案1】：

如果你想通过 javascript 选择文本试试这个：

function select(){
    var div = document.getElementById('blah'),
        sel, range;
    if(window.getSelection){
        range = document.createRange();
        range.selectNode(div)
        sel = window.getSelection();
        sel.addRange(range);
    }else{
        range = document.body.createTextRange();
        range.moveToElementText(div);
        range.select();
    }
}

demo / jsfiddle

【讨论】：

【解决方案2】：

也许使用 jQuery？：

$("#yourID").focus(function() {
var $this = $(this);
$this.select();

// Work around Chrome's little problem
$this.mouseup(function() {
    // Prevent further mouseup intervention
    $this.unbind("mouseup");
    return false;
});
});

【讨论】：