javascript - 如果点击目标是 iframe，则检测点击外部 div 不起作用

Question

我有自己编写的对话框，单击外部时它会关闭(无覆盖/背景)。

除非有一个 iframe，它工作得很好，在这种情况下，我的外部点击监听器永远不会被调用。

这里是 a JSBIN来说明问题。 ( http://jsbin.com/vuneyopedu/edit?js,console,output )

在下面的截图中简要说明:

• 点击红色对话框增量。
• 单击外部对话框(黄色和绿色)应该递减，但只有黄色有效。
• 在点击 iframe 时永远不会调用外部点击的事件监听器(绿色)

问题是 - 如何让点击红色方 block 外的任何内容(特别是点击 iframe)减少数字。 (或在“真实”世界中关闭对话框)

Answer 1

如何将事件绑定(bind)到 iframe 的文档。

iframes = document.getElementsByTagName('iframe');
iframesArray = Array.prototype.slice.apply(iframes);

iframesArray.forEach(function(frame) {
  frame.contentWindow.document.addEventListener('click', function() {
    inc();
  }, true);
});