我們有一個用例，其中一些跨度display:none被添加到我們的內容可編輯 div 中。
因此，當用戶以某種方式登陸 span 并嘗試添加內容時，空格鍵會添加到 span 內，因此不會顯示在 UI 中。所有其他字符都作業正常。問題僅在于空間。
這似乎是 Firefox 唯一的問題。鉻作業正常。
能夠使用此 jsfiddle -> 
使用的 Firefox 版本：91.8.0esr（64 位）
這種行為在 Firefox 中是預期的嗎？
任何線索表示贊賞。提前致謝。
uj5u.com熱心網友回復：
對另一個答案感到困惑，據我所知，這里的解決方案恰恰相反。如果你添加contenteditable="false"到span它會阻止空格被添加到 hiddenspan中。
<div id="parent">
<div contenteditable="true" id="editor2">
hello<span style="display: none" id="dummy_bkm" contenteditable="false"> </span>world
</div>
</div>要了解發生了什么，請嘗試在下面的代碼中插入一個空格（沒有display: none和沒有contenteditable="false"
<div id="parent">
<div contenteditable="true" id="editor2">
hello<span style="background: green;" id="dummy_bkm" > </span>world
</div>
</div>uj5u.com熱心網友回復：
如果你在 span 標簽內設定 contenteditable="true" 這將如何（我相信）你在 Firefox 中的意圖。
Firefox 中有一個已知報告的錯誤，該錯誤已有 4 年歷史。相關資訊位于：https ://bugzilla.mozilla.org/show_bug.cgi?id=1489481
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/474293.html