JavaScriptのx座標とy座標のキャレット位置を取得する

Question

現在のキャレット位置（点滅|）をx座標とy座標で探しようとしています。誰にでもこれをやる方法がありますか？私は本当にどこから始めるべきか分かりません。

これはjavascriptでも可能ですが、glitchy jQueryプラグインがありますが、jQueryを使用しないでこの処理を実行したいと考えています。

具体的には、Googleインスタント検索で＃1の選択肢が灰色のテキストとして表示される方法を模倣することに興味があります。私はテキストフィールドとテキストエリアの両方でキャレットの位置を取得することで（上記のように）、絶対配置を使用してテキストを配置することでこれを行う予定です。誰かがそれを行うより良い方法を持っているなら、私に知らせてください。

ありがとうございます！

Answer 1

私は、推測された文字列（これまでに入力されたテキストを含む）全体を背景ラベルdivに入れて、入力ボックスを透明にする方がよいと言います。

入力ボックスとdivの位置付けは簡単ではありません。そうすれば、ラベルを灰色にすることができ、同じ効果が得られます。

これは機能しますか？

EDIT：Googleのインスタント検索を確認しました。彼らは2つの入力ボックスを互いの上に配置し、推測はバックグラウンド入力に入れられます

Answer 2

マウスの移動イベントを監視し、移動から座標を取得する必要があります。