disable dom changed event in Javascript?

Question

I use

document.addEventListener("DOMSubtreeModified", function() {
    ...
});

to act whenever the DOM of the document is changed.

The problem is: In that function I modify the DOM myself but I do not want this change to call the DOMSubtreeModified event (causing my code to be run over and over again).

Any chance to prevent that?

I would first try to fix the underlying problem that has you using that event. — user400654
– user400654, Commented Feb 5, 2014 at 21:38
i've never seen that event used in a place where it wouldn't be better to instead use event delegation or similar methods such as pub/sub. — user400654
– user400654, Commented Feb 5, 2014 at 21:42
@OleAlbers you should trigger an event when using appending methods instead of a generic event like that. — Karl-André Gagnon
– Karl-André Gagnon, Commented Feb 5, 2014 at 21:42
Per the MDN on Mutation Events: This feature has been removed from the Web. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time. (developer.mozilla.org/en-US/docs/Web/Guide/Events/…) — tymeJV
– tymeJV, Commented Feb 5, 2014 at 21:42

0xKevin · Accepted Answer · 2024-04-26 08:26:44Z

7

I have done the same once using this solution:

function modifyDOM(obj) {
    obj._muteTrigger = true;

    // HERE do your actual dom change

    obj._muteTrigger = false;
}

document.addEventListener("DOMSubtreeModified", function() {
    if(this._muteTrigger) return;
    
    //the other codes

    modifyDOM(this);
});

edited Apr 26, 2024 at 8:26

0xKevin

1,0671 gold badge11 silver badges36 bronze badges

answered Feb 5, 2014 at 22:09

Mehran Hatami

13k6 gold badges31 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

disable dom changed event in Javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related