HTML5 contenteditable trigger on/off

Question

HTML5에서 간단하고 가벼운 편집기를 만들려고 시도하고 있지만 사용 설정 여부를 결정하고 싶지는 않습니다. 브라우저에서 결정해야합니다.

"contenteditable"필드가있는 요소를 선택하여 편집 할 수있는 방법을 알고 있습니까?

사용자가 "contenteditable"필드를 사용하여 요소를 선택 취소 할 때 (예 : 사용자가 div 외부를 클릭 한 경우)를 알 수있는 방법이 있습니까?

나는 build't를 선호합니다. 나는 첫 번째가 클릭 명령과 같은

jQuery('[contenteditable]').click(function(e) { ... }); 

를 사용하는 경우 당신이 확인할 수 있습니다 알고 당신은 모든 클릭을들을 수 있으며 현재 선택된의 contentEditable 사업부에없는 경우는 선택 해제로 간주하지만이 될 수있다 해킹하고 나는 그것을 좋아하지 않아.

그럼 더 좋은 방법이 있습니까?

Answer 1

$(".editableDiv").on({ 
    focus: function(e) {/*on entry into div*/}, 
    blur: function(e) {/*on leaving the div*/} 
});