我有簡單的 contententeditable div
<div contenteditable="true">
<p>
Line 1 <span title="action">action</span>
</p>
</div>
如果用戶單擊第 1 行的末尾并按 Enter，則開始輸入。下一行也復制了相同跨度的背景。如何避免？見演示：
uj5u.com熱心網友回復：
 您可以在標記后添加不間斷空格span以規避此行為。請參閱下面的片段：
div {
width: 200px;
height: 200px;
border: 1px solid #f1f2f3;
}
p span {
background: #ccc;
}<div contenteditable="true">
<p>
Line 1 <span title="action">action</span> 
</p>
</div>uj5u.com熱心網友回復：
因為 p 標簽中沒有文本，這就是文本從 span 標簽開始的原因。這就是為什么將文本寫入具有其屬性的跨度標簽中的原因。至少 在 span 標簽之后添加。
div {
width: 200px;
height: 200px;
border: 1px solid #f1f2f3;
}
p span {
background: #ccc;
}<div contenteditable="true">
<p>
Line 1 <span title="action">action</span> 
</p>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/432851.html
標籤：javascript html css
下一篇：選擇/編輯div內的所有子元素