Drag selected text

by Daniel Beff

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<div class="element">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde blanditiis, accusamus cum nihil laboriosam magnam animi sed provident nisi a debitis numquam sequi sit rerum dignissimos? Eveniet tempore consequuntur, aperiam.
</div>
<br>
<div class="selection">
  
</div>

JavaScript

document.onselectionchange = function() {
  var selObj = window.getSelection();
  var selRange = selObj.toString();
  console.log(selRange);
  
  document.querySelector('.selection').innerHTML = selRange;

};

$(".selection").draggable({
  cursor: "crosshair"
});