HTML入力要素内でカーソル/キャレットの位置を取得するにはどうすればよいですか？

Question

かなりシンプルなはずですが、Googleで見つけられないようです。

Answer 1

input要素のselectionStartまたはselectionEndプロパティを使用します。

setInterval(function(){ 
 
    console.log([document.getElementById("test").selectionStart, document.getElementById("test"). 
 

 
selectionEnd 
 
------------ 
 

 
]); 
 
}, 1000);

<input type="text" id="test"></input>