可编辑跨度从 Edge 中的 DOM 中消失答案

【问题标题】：Editable Span disappears from DOM in Edge可编辑跨度从 Edge 中的 DOM 中消失
【发布时间】：2018-09-15 21:19:21
【问题描述】：

我有以下风格：

<style>
    span{
        display:inline-block;
        width:200px;
        border:solid 1px;
    }
</style>

还有我的html：

Type something, select it, then hit Del <span contenteditable="true"></span>

使用 Edge 时：如果我在 span 中键入内容，选择文本，然后按 Del 键，则 span 消失。当我说消失时，我的意思是当我在调试器中检查元素时，它不再存在于 DOM 中。 Edge 会发生这种情况，Chrome 或 Firefox 不会发生这种情况。预期的行为是文本将被清除，但跨度将与键入文本之前一样。如果有人知道防止这种情况的简单方法，我将不胜感激。

这是一个 jsfiddle：

https://jsfiddle.net/dxsvwz3f/2/

【问题讨论】：

你能在 jsfiddle.net 上创建一个可重现的例子吗？

标签： html microsoft-edge contenteditable

【解决方案1】：

这被认为是一个错误：

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18787906/

【讨论】：

在修复之前您能找到任何解决方法吗？面临类似问题

【解决方案2】：

这是因为 Microsoft DevTools 为其定义了一个快捷键。

您也可以在此处参考文档：https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/elements

【讨论】：

好的，但是在没有打开 DevTools 的情况下会发生这种情况。
好吧，我无法重现您的问题（没有打开 DevTools）。可能是安装错误或某些覆盖设置。您可以尝试重新安装/更新 Edge。
很有趣，谢谢。我会在另一台机器上试试。
我刚刚在另一台电脑上试了一下，得到了同样的结果。为了清楚起见，您必须选择整个文本。如果我留下一个字符，则只有选定的文本会消失，正如预期的那样。感谢您的尝试。
好的，我只是设法做了正确的谷歌，发现微软承认这是一个错误。