在 iFrame 外部单击时，在聚焦元素上触发模糊

Question

我有一个包含 iframe 的页面。 iframe 内部是一个 contenteditable 部分，它保存在 onblur 事件上。只要 onblur 事件发生在 iframe 内（单击同一 iframe 内的另一个区域），这就可以正常工作。

但是，如果用户在 iframe 区域（父）之外单击，则 blur 事件永远不会在 iframe（子）内部触发，因此数据不会保存。

如何让 onblur 事件在 iframe 中触发，即使在父级 iframe 之外单击也是如此？

我能找到的所有答案都涉及相反的场景，即在 iframe 内单击以触发父级事件。我该怎么做相反的事情？

Answer 1

原来问题是模糊事件没有传递给我的编辑器。在带有编辑器的 iFrame 中添加以下代码，使其按预期工作：

$("[contenteditable='true']").blur(function(e) {
  editor1.trigger('blur', e, $(e.target));
})

Trigger blur on focused element, on click outside of iFrame