blocks|key|1359536|text|当元素调整大小时，我无法触发调整大小的事件(不过，仅在IE8中尝试过)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1359537|但是，当您遇到此问题时，事件对象上的target是什么，您可以这样做：|offset|length|style|CODE|1359538|$(window).resize(function(e)+{
++++if(+e.target+!=+window+)+return;
++++//+your+stuff+here
});|code-block|syntax|javascript|1359539|entityMap^0|0|I|6|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I couldn't get the resize event to fire when an element resized (only tried in IE8 though).

However what is the <code>target</code> on the event object when you're experiencing this issue, could you do:

<pre><code>$(window).resize(function(e) {
 if( e.target != window ) return;
 // your stuff here
});
</code></pre>

blocks|key|634053|text|我刚刚发现了另一个可能对你有帮助的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|634054|我使用jQuery，我有window.resize事件来调用一个函数，这个函数将重新定位附加到身体上的div。|634055|现在，当我设置附加的div的左css属性时，window.resize事件就会无缘无故地触发。|634056|它导致一个无限循环，一次又一次地触发window.resize。|634057|没有修复的代码：|634058|$(window).resize(function(){
++++var+onResize+=+function(){
++++++++//The+method+which+alter+some+css+properties+triggers+
++++++++//window.resize+again+and+it+ends+in+an+infinite+loop
++++++++someMethod();
++++}
++++window.clearTimeout(resizeTimeout);
++++resizeTimeout+=+window.setTimeout(onResize,+10);
});|code-block|syntax|javascript|634059|解决方案：|634060|var+winWidth+=+$(window).width(),
++++winHeight+=+$(window).height();

$(window).resize(function(){
++++var+onResize+=+function(){
++++++++//The+method+which+alter+some+css+properties+triggers+
++++++++//window.resize+again+and+it+ends+in+an+infinite+loop
++++++++someMethod();
++++}

++++//New+height+and+width
++++var+winNewWidth+=+$(window).width(),
++++++++winNewHeight+=+$(window).height();

++++//+compare+the+new+height+and+width+with+old+one
++++if(winWidth!=winNewWidth+%7C%7C+winHeight!=winNewHeight){
++++++++window.clearTimeout(resizeTimeout);
++++++++resizeTimeout+=+window.setTimeout(onResize,+10);
++++}
++++//Update+the+width+and+height
++++winWidth+=+winNewWidth;
++++winHeight+=+winNewHeight;
});|634061|因此，基本上，它将检查是否改变了高度或宽度(只有当您实际调整窗口大小时才会发生这种情况)。|634062|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|11|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

I just discovered another problem which might help you.

I am using jQuery and I have window.resize event to call a function which will re-position the div appended to the body.

Now when I set the LEFT css property of that appended div, the window.resize event get trigger for NO GOOD REASON.

It results in an infinite loop, triggering the window.resize again and again.

<h1>The code without fix:</h1>

<pre><code>$(window).resize(function(){
 var onResize = function(){
 //The method which alter some css properties triggers 
 //window.resize again and it ends in an infinite loop
 someMethod();
 }
 window.clearTimeout(resizeTimeout);
 resizeTimeout = window.setTimeout(onResize, 10);
});
</code></pre>

<h1>Solution:</h1>

<pre><code>var winWidth = $(window).width(),
 winHeight = $(window).height();

$(window).resize(function(){
 var onResize = function(){
 //The method which alter some css properties triggers 
 //window.resize again and it ends in an infinite loop
 someMethod();
 }

 //New height and width
 var winNewWidth = $(window).width(),
 winNewHeight = $(window).height();

 // compare the new height and width with old one
 if(winWidth!=winNewWidth || winHeight!=winNewHeight){
 window.clearTimeout(resizeTimeout);
 resizeTimeout = window.setTimeout(onResize, 10);
 }
 //Update the width and height
 winWidth = winNewWidth;
 winHeight = winNewHeight;
});
</code></pre>

So basically it will check if the height or width is changed (which will happen ONLY when you actually resize with window).

blocks|key|1324572|text|我今天遇到了这个问题，并决定将以下内容放在全局包含的javascript文件的顶部：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1324573|var+savedHeight+=+0;
var+savedWidth+=+0;
Event.observe(window,+'resize',+function+(e)+{
++++if+(window.innerHeight+==+savedHeight+&&+
++++++++window.innerWidth+==+savedWidth)+{+e.stop();+}
++++savedHeight+=+window.innerHeight;
++++savedWidth+=+window.innerWidth;
});|code-block|syntax|javascript|1324574|顺便说一句，这需要原型。|1324575|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I ran into this problem today and decided to put the following at the top of my global included javascript file:

<pre><code>var savedHeight = 0;
var savedWidth = 0;
Event.observe(window, 'resize', function (e) {
 if (window.innerHeight == savedHeight &amp;&amp; 
 window.innerWidth == savedWidth) { e.stop(); }
 savedHeight = window.innerHeight;
 savedWidth = window.innerWidth;
});
</code></pre>

That requires Prototype, by the way.

blocks|key|634064|text|我的补丁：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|634065||code-block|syntax|javascript|634066|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

My patch:

<pre><code>&lt;!--[if lte IE 7]&gt;
&lt;script type="text/javascript"&gt;
 window.onresize = null; // patch to prevent infinite loop in IE6 and IE7
&lt;/script&gt;
&lt;![endif]--&gt;
</code></pre>

blocks|key|1359632|text|我通过取消绑定调整大小函数，重新构建页面，然后重新绑定调整大小函数来解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1359633|function+rebuild()+{
+++$(window).unbind('resize');
+++/*+do+stuff+here+*/
+++$(window).bind('resize',rebuild);
}

$(window).bind('resize',rebuild);|code-block|syntax|javascript|1359634|编辑|1359635|绑定和取消绑定不适合IE8。尽管微软甚至放弃了IE8，但您可能想尝试一下(未经测试！)：|1359636|function+rebuild(){
+++if(!window.resizing)+return+false;
+++window.resizing=true;
+++/*+do+stuff+here+*/
+++window.resizing=false;
}

window.resizing=false;
document.body.onresize=rebuild;|1359637|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I solved it by unbinding the resize function, rebuilding the page and then binding the resize function again:

<pre><code>function rebuild() {
 $(window).unbind('resize');
 /* do stuff here */
 $(window).bind('resize',rebuild);
}

$(window).bind('resize',rebuild);
</code></pre>

EDIT

Bind and unbind don't go well with IE8. Though Microsoft even gave up on IE8 you might want to try this (untested!):

<pre><code>function rebuild(){
 if(!window.resizing) return false;
 window.resizing=true;
 /* do stuff here */
 window.resizing=false;
}

window.resizing=false;
document.body.onresize=rebuild;
</code></pre>

blocks|key|634075|text|这对我来说很有意义，似乎适用于IE7和以上版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|634076|++++//variables+to+confirm+window+height+and+width
++++var+lastWindowHeight+=+$(window).height();
++++var+lastWindowWidth+=+$(window).width();

++++$(window).resize(function()+{

++++++++//confirm+window+was+actually+resized
++++++++if($(window).height()!=lastWindowHeight+%7C%7C+$(window).width()!=lastWindowWidth){

++++++++++++//set+this+windows+size
++++++++++++lastWindowHeight+=+$(window).height();
++++++++++++lastWindowWidth+=+$(window).width();

++++++++++++//call+my+function
++++++++++++myfunction();


++++++++}
++++});|code-block|syntax|javascript|634077|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

this made sense to me and seems to work in IE7 and above:

<pre><code> //variables to confirm window height and width
 var lastWindowHeight = $(window).height();
 var lastWindowWidth = $(window).width();

 $(window).resize(function() {

 //confirm window was actually resized
 if($(window).height()!=lastWindowHeight || $(window).width()!=lastWindowWidth){

 //set this windows size
 lastWindowHeight = $(window).height();
 lastWindowWidth = $(window).width();

 //call my function
 myfunction();


 }
 });
</code></pre>

blocks|key|636728|text|$(window).resize(function(event)
{
++++if+(typeof+event.target.tagName+==+'undefined')
++++{
++++++++//+...
++++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|636729|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(window).resize(function(event)
{
 if (typeof event.target.tagName == 'undefined')
 {
 // ...
 }
});
</code></pre>

blocks|key|1359678|text|unbind+/+bind方法与延迟调用的混合。它在Internet+8和更低版本中工作，防止邪恶循环，并挂在版本6和7上。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1359679|function+resizeViewport()
{
++++//+Unbind+and+rebind+only+for+IE+<+9
++++var+isOldIE+=+document.all+&&+!document.getElementsByClassName;

++++if(+isOldIE+)
++++++++$(window).unbind(+'resize',+resizeViewport+);

++++//+...

++++if(+isOldIE+)
++++{
++++++++setTimeout(function(){
++++++++++++$(window).resize(+resizeViewport+);
++++++++},+100);
++++}
}

$(window).resize(+resizeViewport+);|code-block|syntax|javascript|1359680|entityMap^0|0|6|9|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

A mix of the <code>unbind</code> / <code>bind</code> method with a delayed call.
It works in Internet Explorer 8 and below, preventing evil loop and hangs on versions 6 and 7.

<pre class="lang-js prettyprint-override"><code>function resizeViewport()
{
 // Unbind and rebind only for IE &lt; 9
 var isOldIE = document.all &amp;&amp; !document.getElementsByClassName;

 if( isOldIE )
 $(window).unbind( 'resize', resizeViewport );

 // ...

 if( isOldIE )
 {
 setTimeout(function(){
 $(window).resize( resizeViewport );
 }, 100);
 }
}

$(window).resize( resizeViewport );
</code></pre>

blocks|key|1359688|text|将您的调整大小侦听器绑定到.one()，以便它在触发后解除绑定。然后你可以做你想做的任何事情，只要在最后你重新绑定大小调整的监听器。我发现最简单的方法是将调整大小的侦听器放在一个匿名函数中，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1359689|var+resizeListener+=+function(){
++$(window).one("resize",function(){+//unbinds+itself+every+time+it+fires

++++//resize+things

++++setTimeout(resizeListener,100);+//rebinds+itself+after+100ms
++});
}
resizeListener();|code-block|syntax|javascript|1359690|从技术上讲，您不需要将setTimeout包装在resizeListener()上，但是我把它作为一个普通的案例和一些额外的节流器扔进去。|1359691|entityMap^0|D|6|0|0|B|A|O|G|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

Bind your resize listener with <code>.one()</code> so that it unbinds itself after firing. Then you can do anything you want, so long as at the end you rebind the resize listener. I found the easiest way to do this is by putting the resize listener in an anonymous function like so:

<pre><code>var resizeListener = function(){
 $(window).one("resize",function(){ //unbinds itself every time it fires

 //resize things

 setTimeout(resizeListener,100); //rebinds itself after 100ms
 });
}
resizeListener();
</code></pre>

You don't technically need the <code>setTimeout</code> wrapped around the <code>resizeListener()</code> but I'd threw it in there as a just-in-case and for some extra throttling.

blocks|key|636754|text|@AamirAfridi.com的回答解决了我的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|636755|编写一个通用函数来解决这些问题是个好主意：|636756|function+onWindowResize(callback)+{
++++var+width+=+$(window).width(),
++++++++height+=+$(window).height();

++++$(window).resize(function()+{
++++++++var+newWidth+=+$(window).width(),
++++++++++++newHeight+=+$(window).height();

++++++++if+(newWidth+!==+width+%7C%7C+newHeight+!==+height)+{
++++++++++++width+=+newWidth;
++++++++++++height+=+newHeight;
++++++++++++callback();
++++++++}
++++});
}|code-block|syntax|javascript|636757|这样使用它，您就不必再担心IE中的不同行为了：|636758|onWindowResize(function()+{
++++//+do+something
});|636759|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

@AamirAfridi.com's answer solved my problem.

It's a good idea to write a common function to solve such stuff:

<pre class="lang-js prettyprint-override"><code>function onWindowResize(callback) {
 var width = $(window).width(),
 height = $(window).height();

 $(window).resize(function() {
 var newWidth = $(window).width(),
 newHeight = $(window).height();

 if (newWidth !== width || newHeight !== height) {
 width = newWidth;
 height = newHeight;
 callback();
 }
 });
}
</code></pre>

Use it like this, and you don't have to worry about the different behavior in IE any more:

<pre class="lang-js prettyprint-override"><code>onWindowResize(function() {
 // do something
});
</code></pre>

blocks|key|1359971|text|这取决于“调整大小”事件的内容是如何进行的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1359972|我发现，只有当页面由静态内容组成，而不是动态呈现的内容时，才能解决上述问题。在动态情况下，现有内容将由某些触发器事件(如内容重新加载函数)重新呈现，我们需要使用$(document).width()或$(document).height()代替。|1359973|这是因为窗口的滚动条。如果页面具有滚动条，并且通过单击“Reload”按钮将重新呈现主内容，则滚动条将在事件中消失。在这种情况下，$(+window+).width()或$(window).height()是由内容呈现而不是通过实际窗口调整大小来更改的。|1359974|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

It is up to the how contents are on the resize event.
I figured out the above solves only when a page consists of static contents, not dynamically rendered ones.
In the dynamic case where the existing contents will be re-rendered by some trigger event like a contents reload function, we need to use $(document).width() or $(document).height() instead.
This is because of scroll bar of the window.
If a page has the scroll bar and the main contents will be re-rendered by clicking a button “Reload”, the scroll bar disappears on the event.
In that case, $(window).width() or $(window).height() is changed by the contents rendering, not by the actual window resizing.

blocks|key|634127|text|你可以试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|634128|构造器：|offset|length|style|BOLD|634129|this.clientWidth+=+null;
this.clientHeight+=+null;|code-block|syntax|javascript|634130|的一些功能：|634131|var+clientWidth+=+window.innerWidth+%7C%7C+document.documentElement.clientWidth;+
var+clientHeight+=+window.innerHeight+%7C%7C+document.documentElement.clientHeight;
if+(clientWidth+!=+this.clientWidth+%7C%7C+clientHeight+!=+this.clientHeight+)+{
++++this.clientWidth+=+clientWidth;
++++this.clientHeight+=+clientHeight;

++++...+YOUR+CODE+...
}+|634132|对于Internet+Explorer、Chrome、Firefox、Opera和Safari：|634133|window.innerHeight+-+the+inner+height+of+the+browser+window
window.innerWidth+-+the+inner+width+of+the+browser+window|634134|对于8、7、6、5：|634135|document.documentElement.clientHeight
document.documentElement.clientWidth
++++or
document.body.clientHeight
document.body.clientWidth|634136|entityMap^0|0|0|4|0|0|0|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1A|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|X|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|Y|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|Z|$]]

You can try this:

Constructor:

<pre><code>this.clientWidth = null;
this.clientHeight = null;
</code></pre>

Some function:

<pre><code>var clientWidth = window.innerWidth || document.documentElement.clientWidth; 
var clientHeight = window.innerHeight || document.documentElement.clientHeight;
if (clientWidth != this.clientWidth || clientHeight != this.clientHeight ) {
 this.clientWidth = clientWidth;
 this.clientHeight = clientHeight;

 ... YOUR CODE ...
} 
</code></pre>

For Internet Explorer, Chrome, Firefox, Opera, and Safari:

<pre><code>window.innerHeight - the inner height of the browser window
window.innerWidth - the inner width of the browser window
</code></pre>

For Internet Explorer 8, 7, 6, 5:

<pre><code>document.documentElement.clientHeight
document.documentElement.clientWidth
 or
document.body.clientHeight
document.body.clientWidth
</code></pre>

blocks|key|1360008|text|(function+($){
+++++//if+ie8+->+return;
+++++var+lastHeight+=+0;
+++++var+lastWidth+=+0;
+++++$(window).resize(function(event){
+++++++++if+(window.innerHeight+==+lastHeight+&&+window.innerWidth+==+lastWidth)
+++++++++++++{+event.stopImmediatePropagation();+}
+++++++++lastHeight+=+window.innerHeight;
+++++++++lastHeight+=+window.innerWidth;
+++++});
})();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1360009|对我来说是个诀窍。|unstyled|1360010|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>(function ($){
 //if ie8 -&gt; return;
 var lastHeight = 0;
 var lastWidth = 0;
 $(window).resize(function(event){
 if (window.innerHeight == lastHeight &amp;&amp; window.innerWidth == lastWidth)
 { event.stopImmediatePropagation(); }
 lastHeight = window.innerHeight;
 lastHeight = window.innerWidth;
 });
})();
</code></pre>

does the trick for me...

blocks|key|1324757|text|<pre>



var+cont+=+0;
var+tmRsize+=+100;
var+lastWindowWidth+=+$(window).width();
var+lastWindowHeight+=+$(window).height();

/*****redimensionamiento**********/
$(window).resize(function()
{
++++if($(window).width()+!=+lastWindowWidth+%7C%7C+$(window).height()+!=+lastWindowHeight)
++++{
++++++++clearTimeout(this.id);
++++++++this.tiempo+=+tmRsize;
++++++++this.id+=+setTimeout(doResize,+this.tiempo);
++++}
});

function+doResize()
{
++++lastWindowWidth+=+$(window).width();
++++lastWindowHeight+=+$(window).height();

++++$('#destino_1').html(cont%2B%2B);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1324758|​|unstyled|1324759|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;pre&gt;



var cont = 0;
var tmRsize = 100;
var lastWindowWidth = $(window).width();
var lastWindowHeight = $(window).height();

/*****redimensionamiento**********/
$(window).resize(function()
{
 if($(window).width() != lastWindowWidth || $(window).height() != lastWindowHeight)
 {
 clearTimeout(this.id);
 this.tiempo = tmRsize;
 this.id = setTimeout(doResize, this.tiempo);
 }
});

function doResize()
{
 lastWindowWidth = $(window).width();
 lastWindowHeight = $(window).height();

 $('#destino_1').html(cont++);
}
</code></pre>

blocks|key|1360064|text|下面是我如何查找调整大小事件是由元素触发的，还是通过真正调整窗口大小来实现的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1360065|如果事件的target.nodeType不存在，它很可能是窗口，因为页面上的任何其他元素都会有一个nodeType。|1360066|下面是伪代码(使用jQuery)以及添加的检查：|1360067|$(window).resize(function(event){
++++if+(+$(event.target.nodeType).length+==+0+){
++++++++//+Anything+here+is+run+when+the+window+was+resized
++++++++//+not+executed+when+an+element+triggered+the+resize
++++}
});|code-block|syntax|javascript|1360068|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Here's how i deal with finding out if the resize event was fired by an element or by really resizing the window:

If the event's target.nodeType doesn't exist, it is most likely the window, as any other element on the page would have a nodeType.

So here's the pseudo-code (using jQuery) with the added check:

<pre><code>$(window).resize(function(event){
 if ( $(event.target.nodeType).length == 0 ){
 // Anything here is run when the window was resized
 // not executed when an element triggered the resize
 }
});
</code></pre>

As you are aware, in Internet Explorer, the window.resize event is fired when any element on the page is resized. It does not matter whether the page element is resized through assigning/changing its height or style attribute, by simply adding a child element to it, or whatever -- even though the element resizing does not affect the dimensions of the viewport itself.

In my application, this is causing a nasty recursion, since in my window.resize handler I am resizing some &lt;li&gt; elements, which in turn re-fires window.resize, etc. Again, this is only a problem in IE.

Is there any way to prevent window.resize from firing in IE in response to elements on the page being resized?

I should also mention that I'm using jQuery.

window.resize event firing in Internet Explorer

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

如您所知，在Internet中，当页面上的任何元素都被调整大小时，就会触发 window.resize事件。通过给页面元素分配/更改其高度或样式属性来调整页面元素的大小，通过简单地向其添加一个子元素，或者其他什么--即使元素调整大小不影响视口本身的尺寸--并不重要。在我的应用程序中，这导致了一个令人讨厌的递归，因为在我...

问Internet中的window.resize事件触发
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Internet中的window.resize事件触发EN