window在IE浏览器中执行resize，只要拖着不放函数会一直执行的bug解决办法

最新推荐文章于 2021-06-08 11:55:06 发布
最新推荐文章于 2021-06-08 11:55:06 发布
阅读量723 收藏
点赞数
分类专栏： 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33769914/article/details/79486774
版权

resize事件是在窗口或框架的大小被调整时发生执行的事件。在IE和Opera浏览器中，只要窗口边框被拖动，就触发该事件，在Mozilla浏览器中，resize 事件只是在停止改变窗口大小时才会触发。

如果解决这个兼容性的问题呢？

使用一个插件就可以啦：jquery.wresize.js 点击下载

肖肖肖丽珠
关注
专栏目录
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
目标检测专栏持续更新中，改进YOLO系列通用，适用v5、v7、v8、所有博客均是团队原创博客，所有文章禁止转载，违者必究。
03-07 917
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
jquery.winResize.js 解决ie的resize事件的bug
03-08
ie的resize事件只要拖拽不放手就会一直执行很多很多遍的resize事件。需要用到这个js就能解决这个bug啦
修复ie8&chrome下window的resize事件多次执行
09-05
[removed] 事件 专用事件绑定器 v0.1,用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize 事件多次执行的 BUG.
修正IE6 IE7的window.resize bug
weixin_34290352的博客
04-15 110
应该是一个非常著名的bug了，在IE6 IE7中对window进行resize，此事件会执行多次，或者有时夸张地不断重复此回调函数，陷入死循环，造成假死现象。具体可参看这一篇文章《window.onresize hangs IE6 and IE7》。在这篇文章给出的方法是给出一个记数器，用来判断其是否撞上这倒霉事，当i被重复了100次马上移除resize事件进行自救。 在jQuery中的许多插件...
IE下resize无限触发问题。
kingdom858的博客
11-10 935
resize时给HTML元素添加一个class，会导致resize一直触发，导致IE浏览器崩溃。  js里加上这段就可以了 (function ($, h, c) { var a = $([]), e = $.resize = $.extend($.resize, {}), i, k = "setTimeout", j = "resize", d
修复IE浏览器resize事件bug
weixin_33805743的博客
12-01 142
最近做项目遇到了经典的IE的resize问题， 估计好多浏览器假死现象都是由它引起的吧，真是可恶~~~, 方法好象也比较简单，就是把事件绑定到dom内一个100%宽度的div上面去. 使用Mootools的代码如下： 先在页面上添加一个 div , 设置 style  :width:100%;height:100%;position:absolute;z-index:-999; dom加载后...
IE6 IE7上的window.resize bug
Mofeng的专栏
05-25 898
今天在优化页面响应式方面的代码时，遇到了一个window.resize的bug，只在在IE6/7上出现。正常情况下window.resize只会在浏览器窗口发生变化的情况下才会被触发，但在IE6/7上，如果body的宽度和高度发生了变化，也会触发resize事件，对于IE6/7来说，本来就性能不佳的情况下更是雪上加霜。对于我们的页面，由于，在ready完成之后会异步加载CSS，导致ready前后b
在IE浏览器中resize事件执行多次的解决方法
09-05
这是一个专门为解决IE浏览器resize事件问题而设计的插件。以下为`WResize`插件的代码： ```javascript /* =============================================================================== WResize is the ...
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
09-03
上述的延迟执行或计数器判断的方法都可以有效地解决这个问题，保证了在不同版本的IE浏览器中resize事件的正确处理。 总结来说，处理IE7、IE6和IE8中的`resize`事件执行多次的问题，开发者可以采取延迟执行或计数器...
jQuery在网页开发中的应用
jQuery是一个快速、简洁的JavaScript库，封装了许多常用的函数，使开发人员能够更便捷地处理DOM操作、事件处理、动画效果等操作。 1.2 jQuery的历史 jQuery由John Resig于2006年创建，是一个开源项目，至今已经...
解决resize多次执行的问题
乄擦幹眼淚告訴自己堅強◇
07-14 2066
resize事件是在窗口或框架的大小被调整时发生，包括最小化、最大化。在IE和Opera浏览器中，只要窗口边框被拖动，就触发该事件，在Mozilla浏览器中，resize 事件只是在停止改变窗口大小时才会触发。这是个让人每次改变页面窗口的大小时很郁闷的方法，尤其在IE浏览器中，稍
window进行resize的时候ie假死（jquery插件处理）
GiGi
06-06 715
bi项目中遇到了当浏览器resize的时候重置页面中iframe大小的问题，自然的想到了用$(window).resize()，发现会导致ie假死，于是各种查，找到了下面这个插件，大家可以参考一下：http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/
window定时执行html,js函数自动执行（附：window.onload与$(document).ready()、定时器的区别）...
weixin_42477197的博客
06-08 450
首先写一个函数function myFunction(){//函数内容console.log("函数自动执行");}函数自动执行方法一：window.onload=myFunction();注：`<1>window.onload://只有当页面中的HTML结构、图片、文字等所有资源都加载完成才会执行对应的操作 (在一个页面中只能使用一次,使用多次后面会把前面的覆盖掉->因为它是D...
解决在IE浏览器中resize事件执行多次
dijiao7951的博客
10-03 175
resize事件是在窗口或框架的大小被调整时发生，包括最小化、最大化。在IE和Opera浏览器中，只要窗口边框被拖动，就触发该事件，在Mozilla浏览器中，resize 事件只是在停止改变窗口大小时才会触发。这是个让人每次改变页面窗口的大小时很郁闷的方法，尤其在IE浏览器中，稍微动下窗口边框，就会触发很多次事件。更让人蛋疼的是在resize事件中包含某些页面内容处理或计算导致resiz...
【前端】window.resize的优化
ance1569的博客
02-23 549
一、概述 window.resize事件会在窗口尺寸改变的时候触发，哪怕只是改变了1像素。所以当窗口进行拖动的时候会触发很多次，很容易就卡死。 虽然部分浏览器已经进行了一点优化，但这还不够。 二、优化方案 思路很简单，就是设置一个开关和一个计时器，当这个计时器开始的时候，开关关闭，而计时器结束后开关重新开启。而window.resize事件调用时判断开关是否开启即可。 看代码：...
ie6 window.resize 事件无效
Mark的专栏
09-28 3107
 ie6 window.resize 事件无效在做一个监测窗口改变大小的程序时,发现window.resize在ie6下居然只有在放大的时候才会生效,缩小的时候并不会生效![php]Left Tree function ResizeTree(){var width = document.body.clientWidth;alert(wid
echarts 在window.addEventListener('resize',function () { 中执行 resize 无效果
最新发布
09-19
在 ECharts 中，如果你尝试在 window 的 `resize` 事件监听函数中执行图表的 `resize` 方法，可能会遇到预期之外的效果。这是因为 ECharts 本身并不直接响应浏览器窗口的尺寸变化，而是依赖于 DOM 元素的尺寸变化来进行自动调整。 当你在 `resize` 事件中手动调用 `resize` 方法，ECharts 可能无法感知到窗口大小的真实改变，导致图表没有按照期望的方式缩放。正确的做法是在初始化图表时设置好自动适应视口（`responsive` 或 `resize` 属性），或者在实际的窗口尺寸变化后，重新加载图表，提供全新的数据和配置选项。 示例代码如下： ```javascript // 初始化图表并设置为自适应视口 var myChart = echarts.init(document.getElementById('container'), null, { responsive: true, width: '100%', // 设置宽度为100%，让其随容器自动调整 }); myChart.resize(); // 这里不需要手动调用 // 窗口调整后，重新渲染图表 window.addEventListener('resize', function () { if (myChart) { myChart.dispose(); myChart = echarts.init(document.getElementById('container'), null, { responsive: true, width: '100%' }); myChart.resize(); // 重置后才调用resize } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值