テキストエリア内のカーソル位置に追従して水平線を移動する

4Kモニタのように、高解像度で精密な映像を表示するモニタを使っている時はテキストエディタ画面上で点滅しているテキストカーソルも小さめに表示されるため、たまに見失うことがあります。
カーソルがどこにあるのか分かり易くするために、カーソルに水平線を追従させるサンプルを作成してみました。




追従している様子



ソース


昨日の記事で「lineHeightが未定義でも取得する！」とか言ってましたが今回のサンプルにそれを使ってみたら微妙に値が小さくて改行するたびに水平線が徐々にカーソルの↑へ行ってしまったのでやむなくlineHeightを設定しました。


解像度が高くなくても液晶画面のバックライトが控えめだとかコントラストが低いとか目が疲れてるとか色々要因はありますが…。