Dragging a div select whole text

Question

imagine i have a div

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

With close to 100+ of spotify:track stuff and I want to drag whole list to Spotify program to create a new playlist, but first I would have to select all the text.

Is it possible to make that starting to drag div automatically would select whole text.

For example: http://codepen.io/anon/pen/Hwbdy

It actually doesn't if it's a div or text area as long as a user can simple click and drag without selecting the text, thanks

Click three times fast in the textarea... Either that or click in the textarea and press ctrl + a. — Sumurai8, Sep 02 '13 at 11:24
http://stackoverflow.com/questions/1539641/copy-text-to-the-clients-clipboard-using-jquery — gvee, Sep 02 '13 at 11:39

frogatto · Accepted Answer · 2013-09-04T10:47:55.013

if you want to select texts by javascript try this:

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

score 0 · Answer 2 · answered Sep 02 '13 at 11:37

Maybe use 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;
});
});

Dragging a div select whole text

2 Answers2