监听html元素尺寸变化ResizeObserver

最新推荐文章于 2024-07-09 23:33:54 发布

很单纯的娃

最新推荐文章于 2024-07-09 23:33:54 发布

阅读量889

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/qq_37826599/article/details/132410407

版权

// 监听元素的尺寸变化
const element = document.getElementById('your-element-id');

const resizeObserver = new ResizeObserver(entries => {
  for (const entry of entries) {
    const { width, height } = entry.contentRect;
    console.log(`宽度: ${width}px, 高度: ${height}px`);
    
    // 在这里执行您的逻辑，响应尺寸变化
  }
});

// 开始监听
resizeObserver.observe(element);