Textarea ROW COL

by Daniel

HTML

<textarea class='t'></textarea> <br>
<div class='inline'> Row: <p class='inline' id='r'></p> Col: <p  class='inline' id='c'></p> Substring: <p class='inline' id='s'></p> </div>

CSS

.inline {
    display:inline-block;
    margin: 10px;
}

JavaScript

$(function() {
    $(".t").on("keyup click",  function(e) {
        var r = $('.t').prop("selectionStart");
        var c = $('.t').prop("selectionEnd");
        document.getElementById('r').innerHTML = $('.t').val().substring(0, r).split('\n').length;
        document.getElementById('c').innerHTML = r;
        document.getElementById('s').innerHTML = $('.t').val().substring(0, r);
        
    });
});