contentEditable エディターを作成しました。メニューを配置できるように、カーソルのピクセル位置を取得する必要があります。(ユーザーが特別な文字列を入力すると、メニューが自動的に開き、ヒントが表示されます)。
メニューを配置するためにカーソルの実際のピクセル位置を取得する方法がわからないことを除いて、これはすべて機能しています。私ができる最善の方法は、カーソルがある現在のノードを取得することですが、カーソルがこの要素の「内」にある場所はまだわかりません。
↓ I can get the position of this div easily enough
<div>I am typing a message |</div>
↑ But I need the position of the cursor here
編集:テキストエリアで行うように Range を使用すると、ContentEditable でも機能することを確認できます。