HOME

テキストエリアのキャレットの位置を取得する( javascript )

{ svg, javascript で作成したプログラム一覧 }

推奨 ブラウザ : chrome

キャレットの位置
focuskeydownkeypresskeyup
0000
キャレットの位置 ( setTimeout 関数で処理 )
focuskeydownkeypresskeyup
0000

onkeypress って、方向キーやバックスペースキーでは
着火しないんです?知らなかった(-_-;)
chrome ブラウザで onfocus が着火した時の値をみてみると、
そのままの処理だと、 0 の値がかえってきますが、
setTimeout 関数で処理を遅らせることで
キャレットの正しい位置の取得が出来ました。
IE や firefox では、正しい位置を取得出来ました。
このあたりは、ブラウザによってばらつきがあるようです。
また、方向キーの上下で onkeypress の値を見てみると、
移動前のキャレットの位置と移動後のキャレットの位置を
onkeypress イベントの着火時に取得出来ることがわかりました。

ブログなどで見かける、 html タグのテキストエリアの文字に色をつけて表示する
プログラムを JavaScript で作成したのですがキャレットの位置の取得で躓いたので。

プログラムはこちら → { テキストエリアの文字に色を設定する( javascript ) }

数学の勉強をやり直ししてたりします。_´ω`)_