setMutationHandler

MutationObserver wrapper to wait for the specified CSS selector

ของเมื่อวันที่ 20-07-2016 ดู เวอร์ชันล่าสุด

สคริปต์นี้ไม่ควรถูกติดตั้งโดยตรง มันเป็นคลังสำหรับสคริปต์อื่น ๆ เพื่อบรรจุด้วยคำสั่งเมทา // @require https://update.greatest.deepsurf.us/scripts/12228/137072/setMutationHandler.js

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey, Greasemonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

/* EXAMPLE:
	
	setMutationHandler(document, '.container p.some-child', function(nodes) {
		// single node:
		nodes[0].remove();
		
		// or multiple nodes:
		nodes.forEach(function(node) {
			node.style.display = 'none';
		});

		//this.disconnect(); // disconnect the observer, this is useful for one-time jobs
		return true; // continue enumerating current batch of mutations
	});
*/

// ==UserScript==
// @name          setMutationHandler
// @description   MutationObserver wrapper to wait for the specified CSS selector
// @namespace     wOxxOm.scripts
// @author        wOxxOm
// @grant         none
// @version       2.0.6
// ==/UserScript==

function setMutationHandler(baseNode, selector, cb, options) {
	var queue = [];
	var ob = new MutationObserver(function handler(mutations) {
		if (mutations && mutations.length > 100) {
			if (!queue.length)
				setTimeout(handler, 0);
			queue.push(mutations);
			return;
		}
		do {
			if (!mutations) {
				mutations = queue.shift();
				if (!mutations)
					return;
			}

			for (var i=0, ml=mutations.length, m; (i<ml) && (m=mutations[i]); i++) {
				switch (m.type) {
					case 'childList':
						if (m.addedNodes[0] && m.addedNodes[0].nodeType == 3) { // TEXT_NODE
							if (m.target.matches(selector) && !cb.call(ob, [m.target], m))
								return;
							continue;
						}
						for (var j=0, nodes=m.addedNodes, nl=nodes.length, n; (j<nl) && (n=nodes[j]); j++)
							if (n.nodeType == 1) { // ELEMENT_NODE
								if (n.matches(selector))
									n = [n];
								else if (n.querySelector(selector))
									n = Array.prototype.slice.call(n.querySelectorAll(selector));
								else
									continue;
								if (!cb.call(ob, n, m))
									return;
							}
						break;
					case 'attributes':
						if (m.target.matches(selector) && !cb.call(ob, [m.target], m))
							return;
						break;
					case 'characterData':
						if (m.target.parentNode && m.target.parentNode.matches(selector) && !cb.call(ob, [m.target.parentNode], m))
							return;
						break;
				}
			}
			mutations = null;
		} while (queue.length);
	});
	ob.observe(baseNode, options || {subtree:true, childList:true});
	return ob;
}