Javascript DOM事件-Iframe位置更改的进度指示器

我正在寻找一种解决方案，在iframe页面发生更改时，但在iframe完全加载之前显示进度指示器

stackoverflow上有100多页讨论了jquery ready（）、javascript window.load、document.load、DOMContentReady、on（'pageinit'）和on（'pageinit'）之间的差异，在阅读了所有这些不同技术的差异之后，我现在有点被困在如何在iframe中捕获事件上

到目前为止，我只成功地捕获了当构建DOM后iframe发生变化时的情况。我希望能够检测页面何时即将加载，以便在页眉中有某种指示符/微调器

这就是我到目前为止所做的（捕获onload上的iframe更改）：

。。。。。
......
$（文档）.on（'pageinit'，'#index'，函数（）{
警报（'pageinit'）；//在第一次加载时被调用
});
$（document）.on（'pageinit'，'#rssID'，function（）{
警报（'pageinit rssFeed'）；//什么也没有发生。
});
函数blerg（）{
var myIframe=document.getElementById（“rssID”）；
myIframe.onload=func；
};
函数func（）{
警报（“变更”）；
}

看起来pageinit是正确的路径，但我不知道如何在iframe中捕获它。我不希望使用jquery，但我不确定如果没有大量代码，这是否可行

最后一个问题：我是否需要使用

die（“pageinit”）

万分感谢
 它将是
.off（“pageinit”）
，但不是，可能不需要。
.....
<iframe id="rssID" src="http://feeds.reuters.com/reuters/oddlyEnoughNews"
   onload="blerg()" style="width: 800px; height:600px"/>
......
$(document).on('pageinit','#index', function(){
      alert('pageinit');  //gets called on first load

});
$(document).on('pageinit','#rssID', function(){
      alert('pageinit rssFeed'); //nothing happens.
});
function blerg() {
    var myIframe = document.getElementById("rssID");
    myIframe.onload = func;
};

function func() {
   alert("changed");
}