Question

想象我有一个div

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

接近100+ spotify：跟踪内容，我想将整个列表拖到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();
    }
}

demo / 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;
});
});

拖动div选择整个文本

2 个答案: