setMutationHandler

MutationObserver wrapper to wait for the specified CSS selector

目前為 2015-09-11 提交的版本,檢視 最新版本

此腳本不應該直接安裝,它是一個供其他腳本使用的函式庫。欲使用本函式庫,請在腳本 metadata 寫上: // @require https://update.cn-greasyfork.org/scripts/12228/73650/setMutationHandler.js

  1. /* EXAMPLE:
  2. setMutationHandler(document, '.container p.some-child', function(observer, nodes) {
  3. // single node:
  4. nodes[0].remove();
  5. // or multiple nodes:
  6. [].forEach.call(nodes, function(node) {
  7. node.style.display = 'none';
  8. });
  9.  
  10. //observer.disconnect(); // disconnect the observer, this is useful for one-time jobs
  11. return true; // continue enumerating current batch of mutations
  12. });
  13. */
  14.  
  15. // ==UserScript==
  16. // @name setMutationHandler
  17. // @description MutationObserver wrapper to wait for the specified CSS selector
  18. // @namespace wOxxOm.scripts
  19. // @author wOxxOm
  20. // @grant none
  21. // @version 1
  22. // ==/UserScript==
  23.  
  24. function setMutationHandler(baseNode, selector, cb) {
  25. var ob = new MutationObserver(function(mutations) {
  26. for (var i=0, ml=mutations.length, m; (i<ml) && (m=mutations[i]); i++)
  27. for (var j=0, nodes=m.addedNodes, nl=nodes.length, n; (j<nl) && (n=nodes[j]); j++)
  28. if (n.nodeType == 1)
  29. if ((n = n.matches(selector) ? [n] : n.querySelectorAll(selector)) && n.length)
  30. if (!cb(ob, n))
  31. return;
  32. });
  33. ob.observe(baseNode, {subtree:true, childList:true});
  34. }