JavaSctipt MutationObserver

MutationObserver

// 创建一个新的MutationObserver实例并传入回调函数  
const observer = new MutationObserver((mutations, observer) => {  
    // 遍历所有变化  
    for (let mutation of mutations) {  
        // 检查是否有新的input元素被添加  
        if (mutation.type === 'childList') {  
            mutation.addedNodes.forEach(function(node) {  
                // 检查节点是否是input元素  
                if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === 'input') {
                	console.log(node)
                }  
            })
        }  
    }  
})

// 以上面的配置开始观察目标节点  
observer.observe(document.getElementById('id'), {childList: true, subtree: true})