【发布时间】：2011-12-22 12:23:38
【问题描述】：
我有一个带有img 的网页。每次用户点击img，都会生成一个span标签，其中contentEditable属性设置为true。
我的问题是如果用户点击img添加span，点击span（从而激活可编辑区域），然后点击img，它会添加另一个可编辑span（所需效果），但它也会使第一个span 处于编辑模式。
如何将可编辑的span 改回普通的span？
【问题讨论】：
【发布时间】：2011-12-22 12:23:38
【问题描述】：
您可以像这样使用 jQuery 删除 contenteditable 属性和焦点：
$('span#id').removeAttr('contenteditable').blur();
如果你想为所有可以编辑的 span 设置样式，你可以在 CSS 中这样做：
span[contenteditable] { } /* editable */
【讨论】：
-
oups，不，它没有......删除属性会阻止它再次被编辑（这不是预期的效果，但我可以用另一种方式将它添加回来，所以如果这是我唯一的问题不会介意），但它会保持选中的文本（但不能如上所述编辑），这是不需要的。
-
你应该更准确地提出你的问题。你问：
How to inactivate contentEditable/How can I change back the editable span into a normal span?这正是我的回答。 -
是的，我所说的正常跨度是指未被编辑的跨度。正如我上面所说，您的解决方案让我们达到了 50%，因为跨度仍然看起来好像正在被编辑，只是我们无法修改它的内容。
-
我在答案中添加了一点。这能回答所有问题吗？
-
我改变了使用 textarea 而不是内容可编辑的方法（有一些其他问题），但我会记住这一点。谢谢。