javascript - HTML5 contenteditable 触发器开/关

Question

我正在尝试用 HTML5 制作一个简单、轻便的编辑器，但我不想决定何时启用它，我希望浏览器来决定。

有没有办法判断具有“contenteditable”字段的元素何时被选中和可编辑？

有没有办法告诉用户何时取消选择带有“contenteditable”字段的元素（即当用户在 div 之外单击时）。

我更喜欢构建方式。我知道您可以检查第一个是否使用单击命令，例如

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

你可以只听所有的点击，如果它不在当前选择的 contenteditable div 上，它可以被认为是取消选择，但这是 hackish，我不喜欢它。

那么，有没有更好的方法呢？

Answer 1

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