首页 > 心得分享 > JS监听DOM元素变动事件

JS监听DOM元素变动事件

为了写<优课在线自动看视频>的脚本,遇到一个问题。

就是页面是无刷新的,页面是用AngularJS写的。

要给一个列表添加按钮并绑定事件。

但是油猴脚本执行的时候页面还未加载,总是失败,查了很久的资料,找到了这个事件。

$(selector).bind('DOMNodeInserted', function (e) {
    console.log(e);
});

给要监听的元素绑定 DOMNodeInserted 即可在DOM元素变动时得到回调。

当然,遇到一个很坑的问题,如果你要修改这个区域的内容,还会再次触发回调,所以,一定要自己做好判断。

不然,就死循环了。

PS:最后发现这个太灵活了,虽说是更好的解决方案。

但是,远不如定时器死循环遍历修改简单容易靠谱。。。

上一篇: 【脚本】优课在线自动看视频

下一篇: 已是最新的文章