きまぐれ日記: Javascript でキャレットの位置を取得できる?

Ajax IME は Javascript を悪用しつつ強引にインラインかな漢字変換を実現しています． 簡単そうに見えて以外とややこしいのが，変換候補の表示. textarea のキャレット(カーソル) のピクセル単位での位置をなんとかして取得してその位置に変換候補を 出す必要があります． ありがちな google suggest ような補完インタフェイスだと inputbox の真下に出せばいいので位置は完全にわかるのですが，textarea は簡単ではありません． 調べた限り，どうやら標準ではキャレットの位置を取得できないそうです． ただし IE だと以下の方法でピクセル単位での位置がわかります. var caretPos = document.selection.createRange(); y = (caretPos.offsetTop + document.documentEle

[HeavyFeather]

textarea内でカーソル位置を獲得する方法。

[sawat]

Firefoxの場合は、textareaの背後にまったく同じスタイル、同じ文面のdivを作って、キャレット位置にspanを置いてその要素の位置を取得する方法でもできる。⇒brazilさんと被った(汗

[facet]

ホントだ。かぶってるかぶってるｗ | テキストエリア内の話。→brazilさんの http://d.hatena.ne.jp//brazil/20060917/1158485060

[wacky]

textareaのキャレット位置をピクセル単位で取得する方法。IE版とFirefox版。Firefoxのは不完全らしい。