how to get text in between cursor start and end of textarea

Question

how to get text in between cursor start and end of textarea in html page.

Can someone help me please, i have searched for this but i didnt find any related answers.

any functions like cursor start and cursor end.

can the following could be used

var selection = rangy.getSelection(),  // Whole lot of information, supports
                                       // multi-selections too.
    start   = selection.anchorOffset,  // Start position
    end     = selection.focusOffset;   // End position

Answer 1

Demo

<textarea cols="50" rows="10" id="tarea"></textarea>
<button id="btn">get text</button>

$('#btn').on('click',function(){
    cursor = $('#tarea').prop("selectionStart");
    area = $('#tarea');
    console.log(area.val().substring(cursor,area.val().length));
});