Chrome(と多分他のブラウザ)は、contenteditable div内で奇妙な方法でキャレットを配置します。このJSFiddleでcontenteditable divでキャレットの位置がオフになっています
<div contenteditable="true" style="width: 100%; height: 200px; border: 1px solid black; overflow: auto;">
<p>
<span contenteditable="false" style="width: 75%; height: 80px; display: inline-block; border: 1px solid red;"> </span>.
</p>
</div>
もご利用いただけます:
次のスニペットを考えてみてください。
赤いスパンの隣にあるピリオドの右側をクリックし、バックスペースを押してピリオドを削除すると、そのキャレットは突然段落の右端に移動します。私はキャレットが、赤のスパンの隣にあった、その時代のどこに位置するのだろうと思っています。
私は、それが私の予想通りに配置されていないと私は探している行動を得るための方法はありますか?