如何模糊contentEditable = true的div？

如何模糊/聚焦contentEditable = true的div？ 我尝试过$(elm).blur()和$(elm).attr('contentEditable', false);

Answer 1

$("div[contentEditable]").blur()模糊所有contentEditable元素。

$("#elementId").blur()通过其id模糊元素。

Answer 2

我会添加另一个基于Omnicon答案的解决方案，这是正确的BTW。 我把他的小提琴分开并更新了 。

诀窍是在调用blur后删除所有范围：

 $(".editable").blur(); window.getSelection().removeAllRanges(); 

Answer 3

当您单击元素并立即按Enter键时，Roman Resh建议的解决方案不起作用。 它不会模糊但会创建换行符/ div。

完全可以防止这种行为。

看到这个小提琴

$('

') .appendTo('body').focus().remove();

Answer 4

在使用类似的东西时附加所有答案

 $(".editable").blur() 

想想只有专注的模糊，比如

 $(".editable:focus").blur() 

如果不是，你有时可以进入好的probs