Element Creation Hook

A small wrapper around MutationObserver to hook into creation of elements based on a CSS selector.

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greasyfork.org/scripts/565361/1749989/Element%20Creation%20Hook.js

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name        Element Creation Hook
// @namespace   https://greasyfork.org/users/1545341
// @version     1.0.0
// @license     MIT
// @author      abcenjoyer
// @description A small wrapper around MutationObserver to hook into creation of elements based on a CSS selector.
// ==/UserScript==

function hookCreation(selector, callback) {
  const observer = new MutationObserver((mutations) => {
    const element = document.querySelector(selector);

    if (element) {
      callback(element);
      observer.disconnect();
    }
  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true,
    attributes: true,
    characterData: true
  });
}