如何停用contentEditable

Question

我有一个网页img.每次用户点击时img,它都会生成一个属性设置为的span标签.contentEditabletrue

我的问题是,如果用户点击img添加a span,点击span(从而激活可编辑区域),然后点击返回img,它将添加另一个可编辑span(所需效果),但它也将保留第一个span处于编辑模式.

如何将可编辑更改span为正常span？

Answer 1

您可以contenteditable使用jQuery 删除属性和焦点,如下所示:

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

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

span[contenteditable] { } /* editable */