Tôi làm cách nào để làm mờ một div nơi contentEditable = true?

Question

Làm cách nào để tôi có thể làm mờ/lấy nét một div nơi contentEditable = true? Tôi đã thử $(elm).blur() và $(elm).attr('contentEditable', false);

Answer 1

$("div[contentEditable]").blur() để làm mờ tất cả nội dungCác yếu tố có thể chỉnh sửa.

$("#elementId").blur() để làm mờ phần tử theo id.

Answer 2

Giải pháp được đề xuất bởi Roman Resh không hoạt động khi bạn nhấp vào phần tử và nhấn enter ngay sau đó. Nó sẽ không mờ nhưng tạo ra dòng-break/divs.

Có thể ngăn chặn hoàn toàn hành vi này.

See this fiddle

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

Answer 3

tôi sẽ thêm một giải pháp mà được dựa trên câu trả lời của OMNICON đó là chính xác BTW. Tôi có forked his fiddle and updated it.

Bí quyết là để loại bỏ tất cả các dãy sau khi gọi mờ:

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

Answer 4

Phụ thêm cho tất cả các câu trả lời, khi sử dụng một cái gì đó giống như

$(".editable").blur() 

suy nghĩ về chỉ làm mờ tập trung, như

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

Nếu không, bạn có thể tham gia các chương trình tốt đẹp đôi khi