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上使用了相同的模式（以后再检查一下，它很棒）。

希望这可以帮助！