Html 无法使用backspace-Jquery删除n个可编辑div中的元素

我得到了这个html

<div contenteditable="true"> Hey <a class="tgt" contenteditable="false">harry</a> great </div>

嘿，哈利，太好了

在

firefox

中时，我无法使用

backspace

删除

a.tgt

。在除firefox之外的所有其他浏览器中删除

有什么问题吗？

尝试将

html包装成span带有属性contenteditable=true的标记

<div contenteditable="true"> Hey <a class="tgt" contenteditable="false"> <span contentEditable="true">harry</span></a> great</div>

嘿，哈利，太好了

这可能对某些人有所帮助。我遇到了同样的问题

与此相反：

嘿，哈里真棒

您可以选择：

嘿，哈里真棒

您可以使用javascript（在本例中使用jquery）检测删除。同时删除和删除不可编辑的div：

// you can wrap this in an if statement and only execute in firefox
$('.remove').on("DOMNodeRemoved", function() { 
    $(this).prev(".tgt").remove();
});

---

希望这有帮助

你确定吗？我已经在FF的上一个版本中进行了测试，这段代码正在运行不，它没有。。。！（至少对我来说）太棒了，太简单了）谢谢