我的风格如下:
<style>
span{
display:inline-block;
width:200px;
border:solid 1px;
}
</style>
和我的html:
Type something, select it, then hit Del <span contenteditable="true"></span>
使用Edge时:如果我在跨度中键入内容,选择文本,然后按Del键,则跨度会消失。当我说消失时,我的意思是当我检查调试器中的元素时,该元素不再存在于DOM中。这在Edge中发生,而在Chrome或Firefox中则没有。预期的行为是将清除文本,但跨度将与键入文本之前相同。如果有人知道防止这种情况的简单方法,我将不胜感激。
这是一个jsfiddle:
答案 0 :(得分:1)
答案 1 :(得分:0)
这是因为Microsoft DevTools具有为其定义的快捷键。
您也可以在此处参考文档:https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/elements