避免resize多次触发执行的问题

最新推荐文章于 2025-09-15 09:28:12 发布

原创最新推荐文章于 2025-09-15 09:28:12 发布 · 5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

30 篇文章 0 人学习

订阅专栏查看详情

resize

当前文章被收录于：

resize

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用JavaScript实现的窗口调整大小事件处理方法，通过设置延时来避免短时间内多次触发事件导致的性能问题，确保只执行最后一次调整，并更新了遮罩层的宽度和高度。

在某个时间段如果多次触发resize事件，执行最后一次

var _this = this;
var resizeTimer = null; 		
$(window).bind('resize', function () {
	if (resizeTimer) clearTimeout(resizeTimer); 
	resizeTimer = setTimeout(function(){
		console.log(_this.idbase);
		if ($('#' + _this.idbase + '_mask').length >= 1) {
			console.log($(document.body).width());
			$('#' + _this.idbase + '_mask').width($(document.body).width());
			$('#' + _this.idbase + '_mask').height($(document).height());
			$('#' + _this.idbase + '_mask').show();
		};
	} , 500); 
});

插件方法参照：http://blog.csdn.net/kmblack1/article/details/8799491

标签

#js #resize