テキスト入力の文字列の最後にdivを動的に挿入できるようにしたいと思います。
たとえば、テキスト入力がある場合...
MyInput: <input type="text" name="myInput" value="" />
...そして彼らのブラウザで誰かがタイプします...
MyInput: Here is some sample input
単語入力の直後にdivを生成したいと思います。
テキスト入力で文字列の末尾の絶対ピクセル座標を取得する方法を知っている人はいますか？
ありがとう！
私はこのような答えは好きではありませんが、：
そして、あなたはそれがクロスブラウザとクロスプラットフォームで動作することを望みますよね？IE、Chrome、Firefox、Safari; Windows、Linux、Mac...私はまだそこにいないという非常に強い疑いを持っています。入力ボックスに入ると、ネイティブにレンダリングされたコントロール（たとえば、IE）に入ります。これにより、インストールされているフォントやアクセシビリティの強化などのうさぎの穴を掘り下げることができます...
ユースケースが本当に圧倒的であるか、誰かが私が知らない機能を指摘していない限り（そして、知って非常に喜んでいるでしょう）、別の角度からこのUIにアプローチすることをお勧めします。
入力と同じテキストでインライン要素を作成してから、その要素の幅を計算し、その幅をdivの「左」座標として使用してみます。
例えば：
<input type="text" value="Here is some sample input" />
<span id="clonedInput" style="visibility:hidden">Here is some sample input</span>
幅をテストし、スパンテキストを更新する関数はonkeypressである可能性があります。入力と同じcssスタイルをスパンに適用した場合（フォントファミリ/ ptまで）、この方法で最も成功することがわかります。