iframe change src上的事件

Question

我正在嘗試捕獲iframe的src屬性的更改，我發現了捕獲load事件的方法，但是如果iframe包含一些圖片，我必須等到它們加載后，事件觸發。 有沒有一種方法可以捕獲屬性的更改，而不是等待頁面加載？

Answer 1

我已經解決了與DOMAttrModified事件綁定的問題

$( "#myIframe" ).bind( 'DOMAttrModified', function(){
  console.log( "Attribute changed" );
});

Answer 2

根據您的評論“我有兩種主要的方法來更改iframe src，首先是在iframe外部，其次是在捕獲第二個問題的內部問題”，我認為您應該使用觀察者模式。

您可以自己實現它，但是不需要它，因為有了這個庫（ https://github.com/melanke/Watch.JS ）

確實很容易使用，下面是一個示例：

//defining a 'watcher' for an attribute
watch(exemple, "attr", function(){
    alert("attr changed!");
});

• 這意味着，您只需要監視src屬性即可。 每次更改時，回調將運行

我自己沒有使用過這個庫，但是我在Angularjs上使用了相同的模式（以后再檢查一下，它很棒）。

希望這可以幫助！