捕获iframe加载完成事件

Question

当从父页面完全加载iframe的内容时，是否可以捕获？

Answer 1

上面的答案都不对我有用，但这确实

更新：

正如@doppleganger在下面指出的那样，自jQuery 3.0起，负载就消失了，因此这是使用的更新版本on。请注意，这实际上可以在jQuery 1.7+上使用，因此即使您尚未使用jQuery 3.0，也可以通过这种方式实现。

$('iframe').on('load', function() {

    // do stuff 

});

Answer 2

香草JavaScript中还有另一种一致的方式（仅适用于IE9 +）：

const iframe = document.getElementById('iframe');

const handleLoad = () => console.log('loaded');

iframe.addEventListener('load', handleLoad, true)

而且，如果您对Observables感兴趣，那么就可以做到：

return Observable.fromEventPattern(

  handler => iframe.addEventListener('load', handler, true),

  handler => iframe.removeEventListener('load', handler)

);