JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="elementID">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores voluptates, magni molestias sit, reprehenderit ipsa dolorem distinctio et, corporis id eveniet sequi consequatur soluta. Esse quae eos id magni voluptas.</div>

JavaScript

var w = window,
		d = document;

$("#elementID").on('mouseup', function() { 

	selectAllTextInEl($(this)[0]);

});


function selectAllTextInEl( el ) {
	var sel,
		range;

	if ( w.getSelection && d.createRange ) { //Browser compatibility

	  	sel = w.getSelection();
			range = d.createRange(); //range object
			range.selectNodeContents(el); //sets Range
			sel.removeAllRanges(); //remove all ranges from selection
			sel.addRange(range);//add Range to a Selection.


	} else if ( d.selection ) { //older ie

		range = d.body.createTextRange();//Creates TextRange object
		range.moveToElementText(el);//sets Range
		range.select(); //make selection.
	}
	
}