Jquery范围选择contenteditable上的前一个元素=＆＃34; false＆＃34;

Question

我有这个片段：

<div contenteditable="true"> father
      <a contenteditable="false" href="#"> myLink </a>
</div>

我的问题是，如果我在

后放置插入符号

</a> 

我尝试退格以删除myLink html标记，它在firefox中不起作用，但它适用于chorme，opera，safari和explorer。 另一方面，如果在Firefox中我选择

<a contenteditable="false" href="#"> myLink </a>

然后用退格键删除它就可以了！。

可能的解决方法是元素的范围选择

<a contenteditable="false" href="#"> myLink </a>

用户数字退格键时以编程方式

。

我怎样才能在jquery中这样做？ 如果插入符号光标在

之后

</a>

和用户数字退格我想选择

<a contenteditable="false" href="#"> myLink </a>

并删除该节点。

Answer 1

添加带有contenteditable = true的span标记，如下所示

<a contenteditable="false" href="#"><span contenteditable="true"> myLink </span></a>

点击jsFiddle，

我在FF，IE 8和Chrome中进行了测试，并且可以使用退格键进行删除，但用户体验在FF和其他浏览器中有所不同。

我不确定这是否是最好的方法。

修改：似乎已经回答here