Tag: mutation events

如何检查浏览器对function/事件的支持？

在过去，我们使用浏览器嗅探来推断某些事件或function是否可用。 我知道浏览器嗅探已被“弃用”或“避开”，以支持function嗅探。 我想知道如何检查是否可以处理某个事件。 以DOMNodeInserted为例。 它受Chrome，FF和Safari的支持，但不受IE支持。 如果此活动可用，我该如何嗅闻？ 有图书馆吗？ 你们怎么做适当的function嗅探？

如何在元素更改时播放声音，例如SO Chat吗？

我希望在页面上元素发生变化时播放声音。 我知道如何做到这一点，但我不能让它只在第一次更改时播放，并且不要在以后执行，直到用户聚焦窗口（选项卡）并再次模糊它。 我目前的代码： var notif = new Audio(‘http://cycle1500.com/sounds/infbego.wav’); if (window.innerHeight === window.outerHeight) { $(window).bind(‘DOMNodeInserted’, function() { notif.play(); }); }

DOMNodeInserted事件循环

我正在为facebook开发一个chrome扩展（我的第四个问题……），它在“喜欢”按钮旁边添加了一个自定义按钮。 由于post会自动添加到新闻Feed而不刷新页面，因此每次添加新post时都必须添加脚本。 我使用DOMNodeInserted事件。 问题是，当调用事件时，我向页面插入一个新元素（按钮），然后循环！ 我的剧本： $(document).bind(‘DOMNodeInserted’, function(event) { $(“.like_link”).after(‘ · תכל´סלא תכלס’); $(“.taheles_saving_message”).hide(); }); 你可以在这里看到我之前的问题 我已经厌倦了提问，所以我真的很感激任何回答/评论！

Jquery – 添加DOM元素时运行函数

我有一个jQuery和jQuery UI的网站。 我有一个Javascript函数： function ToButton() { $(“.ToButton”).button(); } 此函数在页面加载后运行，并使用类“ToButton”更改所有元素。 当用户按下按钮时，我也会更改HTML代码。 例如： $(“body”).append(‘Test Button’); 我也想对这个新元素运行ToButton函数，但jQuery中的live或delegate方法没有“show”或“create”事件类型。 所有HTML代码更改后我都需要调用函数ToButton（）。 你能帮助我，我如何将ToButton函数委托给所有元素？

如何在不使用DOM突变事件的情况下检测AJAX节点插入？

我正在尝试编写一个改变Twitterpost中关键字的Greasemonkey脚本。 麻烦的是，内容是“延迟加载”，并在用户请求时添加。 如果我向添加的元素添加事件侦听器，我可以使用JQuery的delegate() 。 因为我只是想在加载时更改内容，所以这似乎不合适。 变异事件似乎符合要求。 它们是Gecko特有的，但这对于Greasemonkey脚本来说并不重要。 问题是， 它们已被折旧并且有一系列非常好的理由 。 当然，我可以使用计时器并定期轮询DOM，但这看起来很蹩脚。 如何检测DOM的添加内容并对插入的元素做出反应？