Articles of мутации наблюдатели

MutationObserver при изменении текста диапазона не срабатывает

Это просто свернутый пример, а не реальная вещь. Тем не менее MutationObserver не стреляет, поэтому мое предположение о том, как это работает, неверно. JSFiddle $(function() { var editButtonVisibility = function() { console.log(‘bam’); } $(‘#RiskPostcodeSummary span’).on(“change”, function() { console.log(“pew pew”); }); var observer = new MutationObserver(function(e) { editButtonVisibility(); }); observer.observe($(‘#RiskPostcodeSummary span’)[0], { characterData: true }); }); […]

DOMSubtreeModified не работает в хроме

У меня этот код отлично работает в firefox. function CreateEvent() { var x = document.createEvent(“MutationEvent”); x.initMutationEvent(“DOMSubtreeModified”, true, false, null, “”, “”, “”, 0); document.dispatchEvent(x); } $(document).ready(function() { $(‘#myDiv’)[0].addEventListener(‘DOMNodeRemoved’, function () { console.log(‘Content removed!’); }, false); $(‘#myDiv’)[0].addEventListener(‘DOMSubtreeModified’, function () { console.log(‘DOMSubtreeModified modified!’); }, false); $(‘#myDiv’)[0].addEventListener(‘DOMNodeRemovedFromDocument’, function () { console.log(‘DOMNodeRemovedFromDocument !’); }, false); $(‘#myDiv’)[0].addEventListener(‘DOMNodeInserted’, function () { […]

Как реагировать на изменение атрибута определенного стиля с помощью наблюдателей-мутаторов?

Я экспериментировал с Mutation Observer, пока я могу применить соответствующие функции для реагирования на добавление, удаление элементов и т. Д. Теперь мне интересно, есть ли способ настроить конкретные изменения в пределах определенного атрибута стиля? Я знаю, что могу наблюдать за изменениями атрибутов, но я просто не знаю, как наблюдать за определенной модификацией атрибута. Например, если […]

MutationObserver и текущие / вычисленные стили CSS

Я использую MutationObserver для поиска добавленных изображений на веб-страницу. Поскольку многие изображения отображаются через свойство background-image CSS, я проверяю текущий / вычисленный стиль CSS в дополнение к img тегов, например … var hasBackgroundImage = function(node) { var nodeStyle = node.currentStyle || getComputedStyle(node, null); return ( nodeStyle && nodeStyle.backgroundImage && nodeStyle.backgroundImage != “none” ); }; Тем […]

Может ли один объект MutationObserver наблюдать несколько целей?

Я хотел бы использовать объект MutationObserver для наблюдения за изменениями некоторых из моих узлов DOM. Документы приводят пример создания объекта MutationObserver и регистрации его на целевой. // select the target node var target = document.querySelector(‘#some-id’); // create an observer instance var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log(mutation.type); }); }); // configuration of the […]

Производительность MutationObserver для обнаружения узлов во всей DOM

Я заинтересован в использовании MutationObserver чтобы определить, добавлен ли какой-либо HTML-элемент в любом месте HTML-страницы. Например, я скажу, что хочу определить, добавлены ли какие-либо в DOM. Все примеры MutationObserver которые я видел до сих пор, обнаруживают только, если узел добавлен в конкретный контейнер. Например: некоторые HTML … … Определение MutationObserver var container = document.querySelector(‘ul#my-list’); var […]