概述
文档
- https://developer.mozilla.org/zh-CN/docs/Web/API/ResizeObserver
- https://github.com/que-etc/resize-observer-polyfill
文档描述
- ResizeObserver 接口监视 Element 内容盒或边框盒或者 SVGElement 边界尺寸的变化。
使用示例
<style>
#box {
height: 200px;
background-color: #808080;
}
</style>
<div id="box"></div>
<script>
const resizeObserver = new ResizeObserver((entries) => {
for (const entry of entries) {
console.log(entry.contentRect.width);
}
});
resizeObserver.observe(document.querySelector("#box"));
</script>
在线Demo: https://mouday.github.io/front-end-demo/ResizeObserver-demo.html
最后
以上就是危机小猫咪为你收集整理的Js：ResizeObserver 接口监视HTML元素尺寸的变化的全部内容，希望文章能够帮你解决Js：ResizeObserver 接口监视HTML元素尺寸的变化所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复