domModified

example

/*
domModified

Add mutation listener to DOM element and trigger callback once it has completed
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Usage:
domModified({
    selector: '#selector',
    callback: function (ev) {}
}
*/

var domModified = function (args) {
    var target = document.querySelector(args.selector),
        timer = 0,
        observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                clearTimeout(timer);
                timer = setTimeout(function () {
                    args.callback(mutation);
                    observer.disconnect();
                }, 500);
            });    
        }),
        config = {
            attributes: true, 
            childList: true, 
            characterData: true
        };
    if (target) {
        observer.observe(target, config);
    }
};