問題タブ [getcaretpos]

ユーザーが書いているときにキャレットの絶対位置を取得しようとしています。

document.caretRangeFromPoint(e.clientX, e.clientY) は知っていますが、イベントがキー押下の場合、e.clientX、e.clientY は未定義です。マウスクリックがこの情報を運び、キーのイベントがそうでないことが明らかなjsfiddleを作成しました。

http://jsfiddle.net/NicoD/cgfHV/の完全なコード

キャレット位置を運ぶイベントを知っていますか?

ありがとうございました

入力フィールドを OnClick すると、カーソル位置 (afterCaret) からテキスト値の末尾までのテキストが選択されます。

マウスでクリックしてカーソルを置くと、「exa | mple」という単語の途中にあるとしましょう。出力はテキストを強調表示する必要があります：「mple textfield text」

（その後、削除を押します:)しかし、機能によって自動的に削除したくありません。選択するだけです）

これは完璧な例ですが、私の知識では正しく使用できません:( http://javascript.nwbox.com/cursor_position/

内容に基づいてテキストをフォーマットするテキスト エディターを作成しようとしています。たとえば、「select」と入力すると、「select」という単語の色が赤に変わります。を使用していcontenteditable divます。

色を変えることはできたのですが、テキストを変えるたびにキャレット（カーソル）が先頭に移動してしまいdivます。

これが私の例です：

http://jsfiddle.net/wgw8ssL6/

マウスの位置に基づいてテキスト ボックスの選択開始を設定する必要があります。ダブルクリックでテキスト ボックスを読み込もうとしました。テキスト ボックスが読み込まれたら、マウスの位置に基づいて選択の開始を設定する必要があります。(つまり) テキスト ボックスに "abcdef" のような値が含まれている場合、テキスト ボックスがロードされたときにマウス カーソルが "c" の近くにある場合、選択の開始は "c" の後でなければなりません。

私もこれを試しました

しかし、私はそれを正しく理解していませんでした、

前もって感謝します。

よろしく、

ヴェンカテサンR

JavaScript HTML DOM イベント関数のtype="text"TextAreaまたはのドキュメント (Web ページ全体) に関するキャレット位置座標を見つけようとしています、など...Inputonkeydownonkeypressonkeyup

このために、以下のHTMLを作成しました...

そして、以下の JavaScript を実行すると...

私はStackOverflowで検索し、多くのものを見つけましたが、以下で共有されている使用中または実行中に誰もが何らかの問題を抱えています...

• http://jsfiddle.net/dandv/aFPA7/
• http://jsfiddle.net/mLocgoeq/
• http://jsfiddle.net/NFJ9r/132/

私の作業中の DEMO がhttps://jsfiddle.net/qjkkqdg2/にある場所で、私が作業中ですので、それを実行するためのヒントやアイデアを共有できますか...???

私のコード:

問題は、ユーザーが絵文字をクリックしたときに div にスパンを挿入しようとすると、ピッカーである別のコンポーネントから関数を呼び出しているため、window.getSelection() が div 内の自分の位置の値を取得しないことです。の場合、スパンは常に div の先頭に挿入されます。

誰かがこれで私を助けることができれば、本当に感謝します!!