O observador de mutação é uma interface para monitorar as alterações do DOM. Quando houver alguma alteração na árvore de objeto DOM, o observador de mutação será notificado. Este artigo compartilhará com você as operações de desfazer e fallback do editor com base no novo Observador de Mutação de Recursos HTML5. Amigos interessados se referirão à introdução do mutationObserver.
A MutationObServer fornece aos desenvolvedores a capacidade de responder adequadamente quando as árvores de DOM dentro de uma determinada mudança mudarem. A API foi projetada para substituir os eventos de mutação introduzidos na especificação do evento DOM3.
O observador de mutação é uma interface para monitorar as alterações do DOM. O observador de mutação é notificado quando ocorrem alterações na árvore de objeto DOM.
Observador de mutação tem os seguintes recursos:• Ele aguardará que todas as tarefas de scripts sejam concluídas antes de executar, ou seja, usará um método assíncrono.
• Ele encapsula o DOM Alterar registros em uma matriz para processamento, em vez de processar individualmente as alterações do DOM.
• Pode observar todas as alterações que ocorrem no nó DOM ou observar um certo tipo de alteração.
Informações do MDN: MutationObServer
O MutationObServer é um construtor; portanto, ao criá -lo, você deve usar o novo mutationObServer;
Ao instantar a MutationObServer instantando, é necessária uma função de retorno de chamada, que será chamada quando o nó DOM especificado (nó de destino) for alterado.
Quando chamado, o objeto Observer passará dois parâmetros para a função:
1: O primeiro parâmetro é uma matriz que contém vários objetos mutationRecord;
2: O segundo parâmetro é o próprio objeto Observer.
Por exemplo:
Copie o código