Js 怎么自定义onResize事件监听

关注

原创最新推荐文章于 2026-08-22 00:30:00 发布 3k 阅读 AI 写同款· GEO 优化 ›

JS基础-特效篇（三大家族）08-onresize 概念：当窗口或者框架的大小发生改变时就会调用。用于自适应页面布局等多屏幕适配场景。 1.案例：改变浏览器尺寸，可以改变浏览器背景颜色。 <script src="MyTool/MyTool.js"></script> <script> window.addEventListener('load',function (ev) { changeColor(); //1.监听窗口的尺寸发生改变 window.addEve 阅读详情

浏览器窗口大小改变时，前端显示常常会做些相应调整。针对这种情况，怎么办呢？可能我们马上想到window的onresize事件监听，针对不同浏览器，好像这个事件不太好用，我们能不能自己模拟这个事件呢？请参阅下面的主要代码：

void function onResize(){
	if(PopBox.mask){
	  PopBox.mask.style.display="none";
	  getScreenSize();
	  PopBox.mask.style.height=UserScreen.height+"px";
	  PopBox.mask.style.display="block";
	}
	setTimeout(onResize,100);
}();

主要是用setTimeout，不停地获取窗口大小，然后进行相应设置！

收录于

标签

#浏览器 #function

FreeRTOS-Plus-CLI使用笔记 FreeRTOS-Plus-CLI使用笔记一、简介详细介绍可参考FreeRTOS-Plus-CLI官网地址入口 FreeRTOS+CLI(Command Line Interface, 命令行接口)提供了一种简单、小型、可扩展且RAM高效的方法，使FreeRTOS应用程序能够处理命令行输入。添加一条指令的步骤如下：提供一个实现命令功能的函数将命令映射到该功能函数注册命令运行命令解释器命令行调试接口对于排查分析出现的问题提供了很好的接口，可以通过查看传感器信息判断传感器是否正常，可以查看内置阅读详情

Js 怎么自定义onResize事件监听

相关推荐