如何停用内容编辑
我有一个带有 img 的网页。每次用户点击 img 时，都会生成一个 span 标签，并将 contentEditable 属性设置为 true 。
我的问题是，如果用户单击 img 添加 span，单击 span （从而激活可编辑区域），然后单击返回 img，它将添加另一个可编辑的 span（所需效果），但它也会使第一个 span 处于编辑模式。
如何将可编辑的 span 改回正常的 span？
I have a webpage with an img. Each time the user clicks on the img, it will generate a span tag with the contentEditable attribute set to true.
My problem is that if the user clicks on the img to add a span, clicks on the span (thus activating the editable zone), then clicks back on the img, it will add another editable span (desired effect) but it will also leave the first span in edit mode.
How can I change back the editable span into a normal span?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以使用 jQuery 删除
contenteditable属性和焦点，如下所示：如果您想设置所有可编辑范围的样式，您可以在 CSS 中这样做：
You can remove the
contenteditableattribute and the focus with jQuery like this:If you want to style all spans that can be edited you can do it like this in CSS: