@page jQuery.selection @parent jquerypp
jQuery.selection adds [jQuery.fn.selection] to get or set the current selection.
You can select the text, for example on an element like this:
<div id="text">This is some text</div>
Using jQuery.fn.selection by providing a start and end offset:
$('#text').selection(8, 12)
A call without any parameters will return the current selection:
$('#text').selection() // -> { start : 8, end : 12 }
Where the returned object contains:
- start - The number of characters from the start of the element to the start of the selection.
- end - The number of characters from the start of the element to the end of the selection.
The selected text can be retrieved like this:
var text = $('#text').text(),
selected = text.substr(selection.start, selection.end);
selected // -> some
Selection works with all elements. If you want to get selection information of the document:
$(document.body).selection();
This demo shows setting the selection in various elements
@demo jquery/dom/selection/selection.html