如何在尚不存在的元素上注册事件？

document.querySelector('#parent-element').addEventListener('click', function(event) {
  if (event.target.matches('#target-element')) {
    // 处理事件
  }
});

const observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    if (mutation.type === 'childList') {
      mutation.addedNodes.forEach((addedNode) => {
        if (addedNode.id === 'target-element') {
          addedNode.addEventListener('click', () => {
            // 处理事件
          });
        }
      });
    }
  });
});

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

const checkElement = () => {
  const targetElement = document.querySelector('#target-element');
  if (targetElement) {
    targetElement.addEventListener('click', () => {
      // 处理事件
    });
    clearInterval(intervalId);
  }
};

const intervalId = setInterval(checkElement, 1000);