如何使用JavaScript监听浏览器窗口缩放?

2 min read

可以使用window对象的resize事件来监听页面缩放。当用户调整浏览器窗口大小或缩放页面时,会触发该事件。

代码实例如下:

window.addEventListener('resize', function(){
  // 在此处编写缩放后的操作
});

在该事件的回调函数中,可以编写任何需要执行的操作,比如重新布局页面、重新计算样式等等,以确保页面在缩放后能够正常显示。

需要注意的是,该事件会在窗口大小改变时频繁触发,因此建议对事件进行节流处理,以避免性能问题。