如何监听document.title的变化

2,070 阅读1分钟
  • MutationObserver 接口提供了监视对DOM树所做更改的能力。
  • MutationObserver()创建的实例会在指定DOM发生变化时被调用
    // 需要观察的节点
    const targetNode = document.querySelector('title')
    // 配置器的配置:需要监听的变动
    const config = { characterData: true, subtree: true, childList: true }
    // 变动时回调
    const callback = function(mutations) {
        console.log(mutations[0].target.innerText)
    }
    // 创建一个MutationObserver实例
    const observer = new MutationObserver(callback)
    // 监听目标节点
    observer.observe(targetNode, config)
    observer.disconnect()