美文网首页
关于浏览器中一些不常用却强大的观察者接口

关于浏览器中一些不常用却强大的观察者接口

作者: 习惯水文的前端苏 | 来源:发表于2022-02-18 13:21 被阅读0次

    \bullet 页面可见性(visibilitychange)

        当浏览器标签页切换显隐后触发,一般配合document.hidden属性使用,如页面切换暂停或续播视频即可使用该api来做

    \bullet 元素可见性(IntersectionObserver)

        监听元素由不可见到逐步可见的各个阶段,如在分页列表中,监听最后一个元素显示出来二分之一时发起分页请求

    \bullet 元素属性变化(MutationObserver)

        当元素属性(大小、样式、子节点)发生变化时触发回调,这可以做一些对用户修改的回退操作

    \bullet 元素尺寸改变(ResizeObserver)

        通过监听元素尺寸变化,我们可以拿到其修改后的宽高及页面位置,这在低代码的视图面板中通过拖拽修改元素大小时很有用

    相关文章

      网友评论

          本文标题:关于浏览器中一些不常用却强大的观察者接口

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