javascript - コンテンツエディットでキャレットの位置を取得するにはどうすればよいですか

Question

だから私は私のウェブページに次のように宣言するコンテンツ編集可能なボタンを持っています：

<button id="test" contentEditable="true">This <img src="image..png" /> is a button, click me!</button>

カレットを動かして、最終的な場所を見つけたいと思います。私は両方を試しました：

• window.getSelection（）。focusOffset.toString（）
• document.getElementById（'test'）。selectionStart.toString（） ";

しかし、どちらも機能していないようです:(ポインタはありますか？

Answer 1

アップデート

残念ながら、以下のリンクのコードは Firefox でのみ動作し、Chrome では動作しないようです (a のbutton場合、divs は問題なく動作します) 。

---

これらを見てください：

• contentEditable div でキャレット位置を取得する
• https://niichavo.wordpress.com/2009/01/06/contenteditable-div-cursor-position/

これは簡単で汚いフィドルです。完璧ではありませんが、始めるのに役立つかもしれません。上記の 2 番目のリンクにあるブログ投稿のコードを使用しました。