Collection & Copy - テキストエリアのカーソル座標を取得する

JavaScriptテストコードのため書きっぱなしです。以下は、テキストエリアのカーソルの下に、候補窓がついてくるサンプルです。これをちゃんと書き直して、補完と組み合わせてみよう。 サンプル pre要素にborderやwidth/height、font-familyやword-spacingなど全ての属性をコピーしてテキストエリアのクローンを作り、その中のカーソルを真似たspan要素の座標を取得しています。もしかして、eventなどから簡単に位置を割り出せるのかなぁ。 カーソルの位置(文字数)はid:kosekiさんのCross Browser selectionStart/selectionEndをコピーして真似ました。 EditArea(コードが大変な感じ)も、テキストエリア(編集領域)とDIV要素(表示領域)を重ね合わせて色々なことをやってる。大量のspan要素で色づけ。 infog

[masui]

テキストエリアと同じサイズのpreを作って計算するらしい... なんと面倒なっ!

[amachang]

文字列の幅とか、今書いているテキストの位置とかを取得する方法

[akiyan]

ほおー、なるほど。

[send]

キャレットとかに？

[wacky]

textareaのキャレット位置を取得するサンプル。実際にはpre要素で擬似textareaを作成し、その中の擬似カーソルの位置を取得。

[facet]

fakeか。（テキストエリアを使わない）

[nozom]

むしろ「カーソル座標を取得できるようにテキストエリアをpre要素やJavascriptを使って自作した」と言った方が正しい