监听html元素尺寸变化ResizeObserver

// 监听元素的尺寸变化
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);

你可能感兴趣的:(html,前端,javascript)