javascript - 有什么方法可以监听附加到文档的文档片段吗？

Question

我有一个程序，可以将一些标记放入文档片段中，然后可以将其附加到文档中。我希望在附加代码时执行一些代码，就像 connectedCallback 在自定义元素上的工作方式一样。这可能吗？

将文档片段附加到文档会清空它，这意味着我可能可以使用突变观察器，但是如果有人在附加它之前修改了它，代码就会执行，这不是我想要的行为。

Answer 1

除非有人证明我错了，否则我认为不可能创建一个仅在片段附加到文档时触发的人。然而，当片段附加到文档时，这将激活，而唯一激活它的事情是片段的所有子节点都已被删除，这似乎是可以避免的。

const frag = document.createDocumentFragment();
frag.textContent = `I'm a document fragment`;
new MutationObserver(records => {
  if (!records[0].target.childNodes.length)
    console.log(`I've been attached!`); 
}).observe(frag, {childList: true});

<button onclick='this.after(frag)'>Attach Fragment</button>