2

我有这个片段：

<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>

并删除该节点。

4

1 回答 1

1

添加一个带有 contenteditable=true 的 span 标签，如下所示，

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

在这里检查jsFiddle，

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

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

编辑：似乎这已经在这里得到了回答

于 2011-12-31T10:38:41.203 回答