正确使用MutationObserver

文章/答案/技术大牛

发布

2回答

javascript

我正在尝试使用MutationObserver监控页面的更新。我已经通读了文档(和)，但似乎不能正确理解。 mutations.forEach((mutation) => { console.log

浏览 0提问于2017-08-25得票数 0

回答已采纳

1回答

循环引用父-子是未定义的，除非调用console.log。

javascript、circular-reference

extend({}, defaults, opts); this.observer.context = this; this.observer.disconnect();

浏览 3提问于2013-02-06得票数 3

1回答

在MutationObserver完成对元素的观察后，如何调用函数？

javascript、mutation-observers

var observer = new MutationObserver(function(mutations){ console.log("here reachedid "hiddenToVisible“是一个最初隐藏的元素，我试着用jQuery fadeIn "$("#hiddenToVisible").fadeIn(10000)”使它可见，所以需要10秒才能正确地使它可见，直到完全可见MutationObserver将触发的元素，我想用在<

浏览 4提问于2019-07-12得票数 0

1回答

如何设置MutationObserver以检测添加的DOM？

javascript、jquery、facebook、dom、google-chrome-extension

我使用了jQuery的text()，但问题是当用户向下滚动时，Facebook会添加更多的DOM，所以我尝试使用MutationObserver来检测是否有新的DOM出现。new .UFILikeLink elements var observer = new MutationObserver我想知道这是使用MutationObserver的正确</em

浏览 2提问于2014-09-10得票数 2

1回答

如果元素有类，则添加类；如果元素没有类，则删除

jquery

当一个元素有"active“类(由bootstrap nav功能分配)时，我需要向它添加一个类，当它被bootstrap删除时，我需要删除它。if ($(".tree-parent > .tab-pane").hasClass("active")) {} $(this).removeClass("d-flex");编辑:正如我收到的一些评论中所建议的，问题在于脚本只在页面加载时运行，而

浏览 1提问于2018-10-08得票数 0

1回答

断开封装在自调用函数中的MutationObserver

javascript

我已经创建了一个JavaScript，它使用MutationObserver来监视控制台中网站的更改。我将MutationObserver封装在一个自调用函数中，以防止变量与网站使用的变量发生冲突。否则，和将是不正确的，元素将创建在错误的地方。我知道MutationObserver是在它自己的范围内，所以observer.disconnect();不能工作。是否有其他方法不需要刷新/注销页面就断开控制台中的MutationObserver？some-view

浏览 4提问于2022-03-05得票数 1

回答已采纳

1回答

聚合物1.0中具有绑定的文本换行元素

javascript、data-binding、polymer-1.0、mutation-observers

-- Doesn't work --> }); console.log(e); mutationObser

浏览 0提问于2016-08-23得票数 11

1回答

如何知道DOM中是否添加了新元素

javascript

我读到过MutationObserver函数，或者我认为它是一个接口，但我不能使用它，谁能告诉我？var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; mutations.forEach(function(mutatio

浏览 15提问于2020-07-13得票数 0

回答已采纳

1回答

具有排序功能的MutationObserver中的无限循环

javascript、jquery、mutation-observers

当notifyDiv目录中有变化时，MutationObserver会检测到。在此之后，另一个函数会生成正确的顺序。但这最终会在div中引起新的变化，并进入无限循环。var target = document.querySelector('.notifyDiv'); var observer = new MutationObserver(function(mutations

浏览 12提问于2019-09-13得票数 1

2回答

MutationObserver未能观察到文本区域

javascript、mutation-observers

我试图通过使用MutationObserver对象向textarea元素添加自定义撤消操作。我看过MDN如何使用这个对象，据我所知，我似乎正确地使用了它。function initObserver() { var editorObserver = new MutationObserver(function(mutations) {

浏览 3提问于2015-11-13得票数 8

回答已采纳

1回答

如何用Modernizr.js检测DOM4突变观察者？

javascript、jquery、modernizr、polyfills、mutation-observers

我正在尝试创建一个使用Modernizr.js来检测的测试。在现代程序文档中，被称为前缀。我试着这样做： test: Modernizr.prefixed('MutationObserver', window), yep: ['/js/polyfill_yep.js我得到了一个TypeError: f.bind is not a function，我非常确定前缀字符串不是MutationObserver，但我不知道它可能是什么，或者我是否<e

浏览 0提问于2012-11-09得票数 3

1回答

自执行匿名函数中的Javascript google分析

javascript、google-analytics

代码如下： ga('send', 'pageview', path);这记录了： (i[r].q=i[r].q||[]).push(

浏览 15提问于2017-08-22得票数 0

回答已采纳

1回答

是否可以使用带有三个js元素-A-框架的突变观察者？

javascript、three.js、aframe、webvr、collider

export class ColliderComponent { this.observer = this.mutationObserver();console.log(this.el.getObject3D('mesh').position); }); return new Mu

浏览 16提问于2017-07-22得票数 0

回答已采纳

2回答

检测getElementsByClassName()大小的变化

javascript、list、web、dom、mutation-observers

我正在尝试开发一个Chrome扩展，它取代了元素列表中的某些HTML，这些元素会随着时间的推移自我更新，但我找不到正确的方法。} observer.observe(f.childList, {childList: true});Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1

浏览 17提问于2022-09-14得票数 0

1回答

IE 11上的MutationObserver语法错误

javascript、internet-explorer、syntax-error、mutation-observers

当我切换面板的内容时，我正在使用一个MutationObserver来改变一些变量的值(我正在使用Bootstrap标签)。这是我的MutationObserver代码： var observer = new MutationObserver(function (MutationRecords, MutationObserver

浏览 60提问于2018-05-30得票数 7

回答已采纳

1回答

JavaScript WEB URL更改

javascript、api、web、mutation-observers

我是JS和WEB的新手，是否可以使用MutationObserver来观察页面URL的变化？或者MutationObserver只用于DOM？

浏览 3提问于2021-06-08得票数 2

2回答

在Dart中，为什么下面的代码(关于MutationObserver)不能工作？

dom、dart、dart-webui

我修改了一个Dart聚合物例子来测试MutationObserver。这不管用！有什么建议吗？<ul> <li>{{}}</li></ul>这是Dart代码： MutationObserverobserver = new MutationObserver(_onMutati

浏览 0提问于2013-09-21得票数 1

回答已采纳

1回答

除了轮询之外，还有另外一种方法来检测Chrome的dev工具中哪些类的样式发生了变化？

javascript、css、google-chrome

我知道我可以将用于内联样式，但我想知道是否有一种方法可以检测是否使用chrome的dev工具更改了外部类样式，以及更改的内容。在本例中，将字体颜色更改为绿色的阴影：var MutationObserver = window.MutationObserver; varobserver = new MutationObserver(function(mutations) {

浏览 4提问于2016-09-07得票数 1

2回答

每当div内容更改时添加自定义属性

javascript

所以我有一个MutationObserver，如下所示：var observer = new MutationObserver我的问题是，如果我添加属性，它不应该再次调用MutationObserver吗，因为我正在更新#parent的子级？它不应该导致无限循环吗？这看起来不像是在我的代码中发生的，所以我只想确保这是正确的方法。如果没有，是否有其他方法可以在小部件呈现内容时添加属性？

浏览 1提问于2015-01-18得票数 0

1回答

角度监听启用/禁用元素

angular、angular2-directives

disabled', val); this.elementRef.nativeElement.removeAttribute('disabled');} 但我不想使用

浏览 13提问于2019-03-20得票数 2

回答已采纳

点击加载更多