Мутационный наблюдатель является интерфейсом для мониторинга изменений DOM. Когда произойдет какое -либо изменение в дереве объектов DOM, Muttion Searner будет уведомлен. Эта статья поделится с вами с помощью операций редактора от UNDO и Swarkback на основе нового наблюдателя HTML5. Заинтересованные друзья будут ссылаться на введение MutationObserver.
MutationObserver предоставляет разработчикам возможность соответствующим образом реагировать при изменении деревьев DOM в пределах определенного диапазона. API предназначен для замены событий мутации, представленных в спецификации события DOM3.
Мутационный наблюдатель является интерфейсом для мониторинга изменений DOM. Наблюдатель мутации уведомляется, когда в дереве объектов DOM происходят какие -либо изменения.
У Mutation Observer есть следующие функции:• Он будет ждать, пока все задачи сценария будут выполнены, прежде чем он будет работать, то есть он будет использовать асинхронный метод.
• Он инкапсулирует записи DOM изменения в массив для обработки, а не в индивидуальную обработку DOM изменений.
• Он может наблюдать за всеми изменениями, которые происходят в узле DOM, или наблюдать за определенным типом изменений.
Информация MDN: MutationObserver
MutationObserver - это конструктор, поэтому при его создании вы должны использовать New MutationObserver;
При создании MutationObserver требуется функция обратного вызова, которая будет вызвана при изменении указанного узла DOM (целевой узел).
При вызове объект наблюдателя передаст два параметра функции:
1: Первый параметр - это массив, содержащий несколько объектов мутации;
2: Второй параметр - сам объект наблюдателя.
Например:
Скопировать код