キャレットが位置する箇所の行番号を取得したい

Question

・JavaScript(jQuery)を使用。
・テキストエリア内での現在キャレットが位置する箇所の行番号を取得したい。
・最終的にやりたいことは、現在キャレットが位置する行の要素が空であるか否か、ということ。

・改行コードでテキストエリア内の要素を分割し、現在全体で何行あるのかということは取得できました。

３日ほど悩んでいますが、方法がどうしてもわかりません。
どなたかわかる方はいらっしゃらないでしょうか？

※使用ブラウザはchromeです。

Answer 1

textarea要素をt(jQueryオブジェクトではない)とすると、t.selectionStartとt.selectionEndでそれぞれ選択範囲の開始位置と終端位置が取得できます。
範囲選択しておらず単にキャレットが置いてあるときは、両者の値は一致します。

行番号は、テキストの最初からキャレット位置までの部分文字列を取得し、改行文字で分割して個数を求めることで計算できます。

Demo

Answer 2

こんな感じです

$(function(){
  $('textarea').on('keyup click',function(e){
    var v= $(this).val();
    var selin = $(this).prop('selectionStart');
    var v1=v.substr(0,selin);
    var v2=v.substr(selin);
    console.log("row:"+((m=v1.match(/\n/g))?m.length+1:1));
    console.log((v1.match(/\n$|^$/g) && v2.match(/^\n|^$/g))?"empty":"not empty");
  });
});

<textarea cols="30" rows="10">
aaa
bbb ccc ddd


eee
fff


</textarea>