如何检测div上的内容更改事件

const div = document.querySelector('div');

div.addEventListener('contentChanged', function(event) {
  if (event.detail === 0) {
    // 内容已更改
  }
});

const observer = new MutationObserver(function(mutationsList, observer) {
  // 遍历所有更改的节点，检查是否有包含 div 元素的更改
  for (let i = 0; i < mutationsList.length; i++) {
    const mutation = mutationsList[i];
    const addedNodes = mutation.addedNodes;
    for (let j = 0; j < addedNodes.length; j++) {
      const node = addedNodes[j];
      if (node.nodeType === Node.ELEMENT_NODE && node.matches && node.matches('div')) {
        // 内容已更改
        const content = node.innerText;
        // 在这里处理更改后的内容
      }
    }
  }
});

observer.observe(document.body, { childList: true, subtree: true });