Come posso sfocare un div dove contentEditable = true?

Question

Come posso sfocare/mettere a fuoco un div dove contentEditable = true? Ho tentato $(elm).blur() e $(elm).attr('contentEditable', false);

Answer 1

$("div[contentEditable]").blur() per sfocare tutti gli elementi contentEditable.

$("#elementId").blur() per sfocare un elemento con il suo id.

Answer 2

La soluzione suggerita da Roman Resh non funziona quando si fa clic sull'elemento e si preme Invio subito dopo. Non si confonderà ma creerà interruzioni di linea/div.

È possibile impedire completamente questo comportamento.

See this fiddle

$('<div class="temp-contenteditable-el" contenteditable="true"></div>') .appendTo('body').focus().remove();

Answer 3

vorrei aggiungere un'altra soluzione che si basa sulla risposta di Omnicon che è corretto BTW. Ho forked his fiddle and updated it.

Il trucco è quello di rimuovere tutte le gamme dopo aver chiamato sfocatura:

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

Answer 4

Aggiunta di tutte le risposte, quando si utilizza qualcosa come

$(".editable").blur() 

pensare sfocatura solo concentrato, come

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

In caso contrario, è possibile che si verifichino dei probabili errori a volte