如何使用 ResizeObserver 检测窗口大小调整事件

Luk*_*uke 15 javascript resize-observer

我想使用ResizeObserver检测 widnow 调整大小事件

我使用的货币

window.addEventListener('resize',() => console.log('resize'));
Run Code Online (Sandbox Code Playgroud)

我想重构它并使用ResizeObserver。是否可以?

pro*_*Raj 18

你可以观察一下document.body

new ResizeObserver(() => {
  console.log('resized')
}).observe(document.body)
Run Code Online (Sandbox Code Playgroud)

  • 仅当您调整窗口宽度时才会触发此操作。调整窗口的高度不会改变主体的大小,因此永远不会触发此事件。 (4认同)
  • 这不是一个错误,因为您的代码正在观察主体。主体不会根据窗口的高度改变其高度。 (4认同)
  • 所以我猜你可以将“<body>”的“height”样式设置为“100%”,它会观察到 (2认同)