HTML5 contenteditable触发开/关

Question

我正在尝试在HTML5中创建一个简单，轻量级的编辑器，但我不想决定何时应该启用它，我希望浏览器决定。

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

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

我更喜欢建筑物。我知道你可以使用点击命令检查第一个是否是

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

并且您可以只听取所有点击，如果它不在当前选定的可信任的div上，则可以将其视为取消选择，但这是hackish，我不喜欢它。

那么，有更好的方法吗？

Answer 1

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