MutationObserver 覆盖最新的突变

Question

我正试图等到 Mutation 事件开始覆盖它刚收到的值。在我尝试正常应用它之前，但后来它一直被我无法控制的第 3 方提供的其他值覆盖。

/** Intercept changes in select2-drop positioning **/
var MutationObserver = window.WebKitMutationObserver;

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        console.log("Override existent new found top value with -> " + newHeight);
        $(".select2-drop-active").css({'top':newHeight+"px"});
    });    
});

在我尝试这段代码后，我认为它进入了一个循环，导致我的 Chrome 冻结并且内存开始快速增加

有没有办法停止 Mutations 中的连续调用？

Answer 1

您可以随时通过调用 observer.disconnect

暂停您的突变观察器

因此，根据您的用例，您可以这样做：

var MutationObserver = window.WebKitMutationObserver;

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        console.log("Override existent new found top value with -> " + newHeight);
        $(".select2-drop-active").css({'top':newHeight+"px"});
    });
    observer.disconnect();
    console.log('pausing the observer');
    // If needed for your use case, start observing in 1 second
    setTimeout(() => observer.observe(), 1000);
});

MutationObserver 覆盖最新的突变

MutationObserver override newest mutation

javascript

mutation-observers