美文网首页
MutationObserver 和 ResizeObserve

MutationObserver 和 ResizeObserve

作者: Cherry丶小丸子 | 来源:发表于2024-03-14 11:02 被阅读0次

MutationObserver 接口提供了监视对 DOM 树所做更改的能力
,DOM 的任何变动,比如节点的增减、属性的变动、文本内容的变动都会触发 MutationObserver 事件

var observer = new MutationObserver(function (mutationRecoards, observer) {
    // mutationRecoards 变动数组
    // observer 观察者实例
});

ResizeObserver 接口监视 Element 内容盒或边框盒或者 SVGElement 边界尺寸的变化

new ResizeObserver(callback)

IntersectionObserver 接口(从属于 Intersection Observer API)提供了一种异步观察目标元素与其祖先元素或顶级文档视口(viewport)交叉状态的方法。其祖先元素或视口被称为根(root

var observer = new IntersectionObserver(callback[, options]);

相关文章

网友评论

      本文标题:MutationObserver 和 ResizeObserve

      本文链接:https://www.haomeiwen.com/subject/psifjdtx.html