Chrome(也可能是其他瀏覽器)將插入符以一種奇怪的方式放置在contenteditable div中。插入符號位置在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>
在此JSFiddle也可用。
如果您點擊紅色範圍旁邊的時間段的右側並按退格鍵刪除時間段,插入符突然移動到段落的最右側。我希望插入符號位於過去的時間位置,旁邊是紅色的跨度。
爲什麼它沒有按我期望的方式定位,並且有沒有一種方法可以獲得我正在尋找的行爲?