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