javascript - 拖动 div 选择整个文本

Question

想象我有一个 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 或文本区域，它实际上不会，只要用户可以在不选择文本的情况下简单地单击和拖动，谢谢

Answer 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();
    }
}

演示/jsfiddle

Answer 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;
});
});