javascript - DOM イベント - Iframe の場所の変更の進行状況インジケーター

Question

iframe ページが変更されたときに進行状況インジケーターを表示するソリューションを探していますが、iframe が完全にロードされる前です。

jquery ready()、javascript window.load、document.load、DOMContentReady、on('pageinit'...)の違いを説明しているスタックオーバーフローに関する数百のページがあり、これらすべてのさまざまな手法の違いを読んだ後、私はiframe内でイベントをトラップする方法に少しこだわっています。

これまでのところ、DOM が構築された後に iframe が変更されたときにのみキャプチャに成功しました。ページがロードされようとしているときに検出できるようにしたいので、ヘッダーに何らかのインジケーター/スピナーを含めることができます。

これは私がこれまでに持っているものです(オンロードでiframeの変更をキャプチャします):

.....
<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");
}

• http://jsfiddle.net/Gdxvs/

pageinit が正しいパスのように見えますが、それを iframe 内にトラップする方法がわかりません。jquery を使用したくないのですが、大量のコードがなければそれが可能かどうかはわかりません。

最後の 1 つ: 使用する必要がありますかdie("pageinit");

どうもありがとう！