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

最新推荐文章于 2021-06-08 11:55:06 发布
最新推荐文章于 2021-06-08 11:55:06 发布
阅读量721 收藏
点赞数
分类专栏： 插件
版权声明：本文为博主原创文章，遵循 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 913
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
修复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 932
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 895
今天在优化页面响应式方面的代码时，遇到了一个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 2062
resize事件是在窗口或框架的大小被调整时发生，包括最小化、最大化。在IE和Opera浏览器中，只要窗口边框被拖动，就触发该事件，在Mozilla浏览器中，resize 事件只是在停止改变窗口大小时才会触发。这是个让人每次改变页面窗口的大小时很郁闷的方法，尤其在IE浏览器中，稍
window进行resize的时候ie假死（jquery插件处理）
GiGi
06-06 713
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 448
首先写一个函数function myFunction(){//函数内容console.log("函数自动执行");}函数自动执行方法一：window.onload=myFunction();注：`<1>window.onload://只有当页面中的HTML结构、图片、文字等所有资源都加载完成才会执行对应的操作 (在一个页面中只能使用一次,使用多次后面会把前面的覆盖掉->因为它是D...
解决在IE浏览器中resize事件执行多次
dijiao7951的博客
10-03 174
resize事件是在窗口或框架的大小被调整时发生，包括最小化、最大化。在IE和Opera浏览器中，只要窗口边框被拖动，就触发该事件，在Mozilla浏览器中，resize 事件只是在停止改变窗口大小时才会触发。这是个让人每次改变页面窗口的大小时很郁闷的方法，尤其在IE浏览器中，稍微动下窗口边框，就会触发很多次事件。更让人蛋疼的是在resize事件中包含某些页面内容处理或计算导致resiz...
关于window.resize
chunzong2759的博客
06-27 5795
在移动端不同屏幕上面显示时，视图窗口大小不一。 window.resize是窗口大小改变时触发的事件。 原生： window.onresize = function() { //此处为其设置一个延时，因为该方法可能会触发两次。 var res; if (res){ clearTimeout(r...
【前端】window.resize的优化
ance1569的博客
02-23 548
一、概述 window.resize事件会在窗口尺寸改变的时候触发，哪怕只是改变了1像素。所以当窗口进行拖动的时候会触发很多次，很容易就卡死。 虽然部分浏览器已经进行了一点优化，但这还不够。 二、优化方案 思路很简单，就是设置一个开关和一个计时器，当这个计时器开始的时候，开关关闭，而计时器结束后开关重新开启。而window.resize事件调用时判断开关是否开启即可。 看代码：...
Window的resize事件及反抖函数应用
Anna_lhy的博客
11-21 2606
应用场景：在Vue工程中，添加样式，部分需要做到自适应，需要添加resize事件。（浏览器的窗口发生改变时，才会触发resize函数） 由于是单页面应用，如果组件初始化的时候绑定事件，在切换页面的时候不去注销事件，如果来回切换，会让resize事件执行多个函数，迅速消耗CPU,浏览器会出现卡顿的情况，所以一般在mounted函数中添加 resize事件，destroy 函数中删除 resize事...
window.onresize与$(window).resize()
热门推荐
淡定如斯的博客
11-29 6万+
window.onresize 是直接给window的onresize属性绑定事件，只能有一个。也就是说后面的会覆盖前面。例如：window.onresize = function(){ console.log("1") } window.onresize = function(){ console.log("2") }当浏览器窗口大小发生改变时，控制台只会打印 2。
IE8缩放Bug
weistar103的专栏
11-05 219
工作中遇到页在精确布局，使用js+css方式实现，支持浏览器包括：ie8+,firefox,chrome，結果变态的测试使用各种放大/缩小页面的测试，导致布局问题，现一点点完善中。。。 今天发现一个ie8兼容性问题：若使用css百分比定义html,body的宽高，会导致页面缩放时不触发onresize事件，具体代码如下： &lt;!doctype html&gt; &lt;html&gt...
JS通过IE8获取屏幕分辨率不正确的解决方法
u014120634的博客
07-09 1628
1. 需要根据不同的分辨率做屏幕适配，但是在IE8中打开页面，每一台电脑设置的分辨率都一样，但是JS代码获取到的分辨率却不同。下图为获取屏幕分辨率的代码： 2. 本机设置的分辨率：   3. 在IE8浏览器中，通过JS代码获取到的分辨率，和本机设置的分辨率不一样： 4. 出现该问题的原因，查看IE8浏览器的页面&gt;缩放，没有任何比例被选中： 5. 所以将缩放比例勾选为...
Python OpenCV resize()函数详解与示例
在Python的OpenCV库中，`resize()`函数是一个重要的图像处理工具，用于调整图像的尺寸，支持单维度或双维度的变化以及按比例缩放。这个函数具有广泛的灵活性，允许开发者根据需要精细控制输出图像的特征。 函数原型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值