Loading

Highlight the part of paragraph dragged by mouse by user

Bhavna Chaudhri

I have a Textarea, after writing the content the user will drag the mouse to select the content as soon as he releases the mouse the portion of the paragraph should be highlighted and the whole content should set to another paragraph.

for example in the sentence i am 21 years old , if someone drags years old then years old should be highlighted and the whole sentence should be copied to another paragraph.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
You can use select method's selectionstart and selection end,
Follow below code
"target" style="height:400px;width:400px;">


"processor">
$("#target").select(function (e) {
debugger;
var selectionstart = $('#target')[0].selectionStart;
var selectionEnd = $('#target')[0].selectionEnd;
var value = $("#target").val();
var newval = value.substr(selectionstart, selectionEnd);
$("#processor").html(value);
style_word("processor", newval, 'color: hotpink');
});
function style_word(text_id, word, css_style) {
html = $('#' + text_id).html();
replace = word;
re = new RegExp(replace, "gi");
$('#' + text_id).html(html.replace(re, " + css_style + "'>" + word + ""));
}