javascript - 是否可以从 iframe 中检测到 window.close？

Question

我有一个模式(来 self 的应用程序的 React 组件)，在它里面我有一个 iframe。我无法控制 iframe，而且我知道它会在采取某些操作后调用 window.close。有没有办法检测 iframe 中的内容何时调用 window.close，以便我也可以关闭模​​式？

重要提示:我没有使用 jQuery，只使用纯 javascript。

iframe 代码:

      <iframe height='500' width='340'                      
        src='http://content_url'
        ref={(f) => { this.ifr = f; }}>
      </iframe>

有了这个 ref，我可以从我的 React 组件中引用 iframe:

  componentDidMount() {
    this.ifr.onload = () => {
      //whatever action
    };
  }

但是我不能对卸载事件做我想做的事情，因为 iframe 没有被卸载，它只是在里面调用 window.close。

谢谢!

Answer 1

您可以尝试将 window.close 设置为其他一些函数，并在 iframe 调用它时捕获它。

  var closing = window.close;
  window.close = function () {
    console.log('window close fired!');
    closing();
  };

创建事件发射器的更好方法。

  var event = new Event('onCloseWindow');

  // Listen for the event.
  elem.addEventListener('onCloseWindow', function (e) { ... }, false);

  var closing = window.close;
  window.close = function () {
    // Dispatch the event.
    elem.dispatchEvent(event);
    closing();
  };