Перетаскивание DIV выбрать весь текст

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