HTML5可編輯內容的觸發器打開/關閉

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*/}
});