首页 > TAG信息列表 > mutation-observers

javascript-如何找出导致jQuery相关消息“不赞成使用突变事件”的原因.改用MutationObserver”？

在浏览器中加载典型页面时,出现以下消息： Use of Mutation Events is deprecated. Use MutationObserver instead. 恰好引发此消息的行号为：jquery-3.2.1.js：5062：6 查看jQuery源代码,这是它包含的代码,其中令人讨厌的行是elem.addEventListener(type,eventHandle);. // Init the e

javascript-检测给定元素已从DOM中删除而不会影响性能

我有这些： const element = this.getElementById("victim") function releaseKraken(targetElement) {} 我希望从DOM中删除元素时调用该函数. 我可以想象这样的事情： element.onRemove(() => releaseKraken(element)) 我知道我需要MutationObserver,但是我发现的所有文档都集中

javascript – 如何使用Modernizr.js测试DOM4 Mutation Observers？

我正在尝试使用Modernizr.js创建一个检测Mutation Observers的测试.在Modernizer文档中,there’s a section for testing DOM elements称为前缀.我尝试使用： Modernizr.load({ test: Modernizr.prefixed('MutationObserver', window), yep: ['/js/polyfill_yep.js'], n

javascript – 使用MutationObserver监视带有指定选择器的元素插入的任何方法？

假设我有一个HTML层次结构,例如： <div id="container"> <div class="c"> <div class="c"></div> </div> <div class="c"></div> <div class="c"></div> </div&

javascript – 与MutationObserver等效的DOMNodeInserted DOMNodeRemoved？

我目前有代码： $('.example').bind('DOMNodeInserted DOMNodeRemoved', function(event) { .... }); 哪个工作完美,但效率不高,因此已被弃用.有什么更好的方法呢？ 我一直在调查MutationObserver,但这段代码确实有用吗？ 它给出错误“mutation.addedNodes不是一个函数”我还需要我

我希望变异观察者监听它的目标节点本身是否在javascript中删除

我在目标节点上使用变异观察器.如果任何子节点或属性发生更改,它将触发.但我有一个案例,我必须处理目标节点本身被删除.这不起作用.有办法处理这个吗？解决方法:MutationObservers可以监视3件事： >属性更改 >文本内容更改>子列表更改 然后可选地,这些更改事件可以冒泡,因此如果您想要

javascript – 如何在新创建的窗口上使用MutationObserver

我想使用MutationObserver跟踪我使用window.open创建的窗口中的DOM更改.我有以下代码： var newWin = window.open('/somepath'); var observerConfig = { childList: true, subtree: true, attributes: false, characterData: false }; var obs = new newWin.Mutat

javascript – 如何在多个节点上使用MutationObserver？

以下代码允许我在单个节点上侦听类更改： var target = $(".right-border")[0] var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log(“Change”) }); }); var config = { attributes: true, childList: true,

javascript – 如何使用变异观察者对特定样式属性的变化作出反应？

我一直在尝试使用Mutation Observers,到目前为止,我可以应用相关函数来添加,删除元素等.现在我想知道,有没有办法针对特定样式属性中的特定更改？我知道我可以观察属性的变化,但我只是不知道如何观察特定的属性修改.例如,如果#childDiv的z-index值更改为5678,请修改parentDiv的样式以

javascript – IE 11上的MutationObserver语法错误

当我切换面板的内容时,我正在使用MutationObserver来更改某些变量的值(我正在使用Bootstrap选项卡).在Chrome和Firefox中,一切都运行得很好,但出于某种原因,当我用IE测试它时,它在控制台中显示语法错误并且脚本中断.这是我的MutationObserver代码： var observer = new MutationObse

javascript – MutationObserver不适用于儿童

提前道歉可能是一个简单的问题,下面是令人震惊的javascript; 我的问题如下,网站上有一个横幅,每隔几秒就会有四张图片.我试图将一个“印象”推向数据层,由GTM接收.要显示下一个图像(不是我自己),将z-index从0更改为下一个横幅图像的1.我最初尝试让变异观察者只对一张图像起作用.这

javascript – 类的MutationObserver(不是id)

使MutationObserver适用于#someID并不是问题,但是它能使它适用于.someClass的方法是什么？ 目前我正在使用以下内容： // this example doensn't work, // as well as many another attempts var target = document.querySelectorAll(".someClass"); for (var i = 0; i < target.leng