如何动态的监听浏览器窗口大小的变化?
适用场景:
//例如瀑布流布局时动态监听实时监听屏幕的变化或者时刻监听用户缩放屏幕大小来更改布局做自适应
// 实现方式: 绑定resize事件,时刻监听浏览器屏幕变化
function monitorSize () {
window.addEventListener('resize', () => {
console.log('屏幕尺寸变化时便会触发')
})
}
window.onload = () => {
monitorSize()
}
注意: 不用时需要移除,
window.removeEventListener("resize", monitorSize);
本文介绍了如何在JavaScript中使用`resize`事件实时监听浏览器窗口大小变化,以便于瀑布流布局的自适应调整,同时提供了移除事件监听的示例。
563

被折叠的 条评论
为什么被折叠?



