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

标签 javascript html dom

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

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

最佳答案

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

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>

关于javascript - 有什么方法可以监听附加到文档的文档片段吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59043459/

相关文章:

javascript - Angularjs 中 Controller 的文档查询选择器

javascript - Safari 中我的音频循环总是有间隙

javascript - 选择框的空值不会给出错误( Material 设计)

javascript - 如何撤消 $( "button").remove()?

javascript - 我应该如何在文件中构建 Javascript 代码?

php - 在 PHP 中生成带有命名空间 URI 的 XML

javascript - 在街景中显示 InfoWindow(使用 InfoBubble)

php - 如何在标记 <code> </code> 中将正则表达式字符 < 和 > 替换为 < 和 >?

javascript - 如何使用 JavaScript 删除特定的 CSS 样式?

javascript - 检测 HTML 元素的回流或移动?