開啓/關閉HTML5 contenteditable觸發器

Question

我試圖在HTML5中創建一個簡單，輕量級的編輯器，但我不想決定何時應該啓用它，我希望瀏覽器來決定。

有沒有辦法判斷何時具有「contenteditable」字段的元素被選中並可編輯？

有沒有辦法告訴用戶什麼時候用「contenteditable」字段取消選擇元素（即當用戶點擊div之外時）。

我寧願建立一個方式。我知道你可以，如果使用點擊命令如

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

第一個檢查，你可以只聽所有點擊，如果它不是當前選擇CONTENTEDITABLE DIV它可以被視爲取消，但這是哈克，我不喜歡它。

那麼，有沒有更好的方法？

Answer 1

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