捕获iframe加载完成事件

有没有办法捕获iframe的内容何时从父页面完全加载？

---

3)您还可以在元素内部的

---

另请参阅我的其他答案,了解哪些元素也可以触发此类load事件

---

尝试下载文件时,加载事件不起作用.

---

谢谢,这正是我所需要的!

2> roryok..：

---

上述答案都不适合我,但是这样做了

更新:

正如@doppleganger在下面指出的那样,从jQuery 3.0开始,加载就消失了,所以这里是一个使用的更新版本on.请注意,这实际上可以在jQuery 1.7+上运行,因此即使你还没有使用jQuery 3.0,你也可以通过这种方式实现它.

$('iframe').on('load', function() {
    // do stuff 
});

3> aitorllj93..：

---

香草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)
);