如何停用contentEditable

Question

我有一个带有img的网页。用户每次单击img时，它都会生成一个span标记，并将contentEditable属性设置为true。

我的问题是，如果用户单击img来添加span，单击span (从而激活可编辑区域)，然后再单击img，它将添加另一个可编辑的span (期望的效果)，但也会使第一个span处于编辑模式。

如何将可编辑的span改回普通的span

Answer 1

您可以使用jQuery移除contenteditable属性和焦点，如下所示：

$('span#id').removeAttr('contenteditable').blur();

如果你想设置所有可编辑跨度的样式，你可以在CSS中这样做：

span[contenteditable] { } /* editable */