title: html onresizeend event, or equivalent way to detect end of resize
body: <p>I'm trying to detect when the <code>onresize</code> event ends in a browser. If I use the <code>onresize</code> event, in Firefox it seems to be fired only once, after the resize event ends, which is exactly what I want. But if I try in IE, the <code>onresize</code> event gets fired many times during the resize.</p>
  <p>I also try the <code>onresizeend</code> event, advertised in MSDN. But it does not seem to get fired at all, neither in Firefox, nor in IE. I use the following code:</p>
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script&gt;
          &lt;!--
          function doLog(message)
          {
              document.getElementById(&quot;log&quot;).innerHTML += &quot;&lt;br/&gt;&quot; + message;
          }
          
          function doResize()
          {
              doLog(&quot;plain resize&quot;);
          }
  
          function doResizeEnd()
          {
              doLog(&quot;resize end&quot;);
          }
          --&gt;
          &lt;/script&gt;
          &lt;style&gt;
          &lt;!--
          #log {
              width: 400px;
              height: 600px;
              overflow: auto;
              border: 1px solid black;
          }
          --&gt;
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body onresize=&quot;doResize();&quot; onresizeend=&quot;doResizeEnd();&quot;&gt;
          &lt;div id=&quot;log&quot;/&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Any ideas why this does not work? Maybe the <code>onresizeend</code> event is not supported? In this case, how can I detect when the <code>resize</code> event has ended?</p>