有沒有辦法檢測何時iframe開始加載未完成？

Question

我知道，有可能使用jQuery來檢測負載事件：

$('#iframeid').load(function(){ 
    alert('frame has (re)loaded'); 
}); 

是否有可能時，它開始對不同產地，而不是完成裝載的裝載檢測？

Answer 1

您可以通過使用MutationObserver https://msdn.microsoft.com/en-us/library/dn254985(v=vs.85).aspx。但是，這是由瀏覽器的新版本僅支持，你可以在這裏找到完整的列表http://caniuse.com/#feat=mutationobserver

用法：

<iframe id="iframe"></iframe> 

var iframe = $("body").find("#iframe"); 
var observerConfig = { 
    attributes: true, 
    childList: true, 
    characterData: true 
}; 
var iframeObserver = new MutationObserver(function (mutations) { 

    mutations.forEach(function (mutation) { 
      if (mutation.attributeName == "src"){ 
      // your code 
     } 
    }); 
}); 

iframeObserver.observe(iframe[0], observerConfig); 
// later, you can stop observing 
//observer.disconnect(); 

setTimeout(function() { 
    iframe.attr("src", "test"); 
}, 2000); 

以下是完整的小提琴 https://jsfiddle.net/jrmbzdp9/2/