evento onresizeend html ou maneira equivalente de detectar o final do redimensionamento

Question

Nov 10, 2008, 01:36 PM

evento onresizeend html ou maneira equivalente de detectar o final do redimensionamento

Estou tentando detectar quando o evento onresize termina em um navegador. Se eu usar o evento "onresize", no Firefox ele parece ser acionado apenas uma vez, após o término do evento de redimensionamento, que é exatamente o que eu quero. Mas se eu tentar no IE, o evento "onresize" será acionado várias vezes durante o redimensionamento.

Também tento o evento "onresizeend", anunciado no MSDN. Mas parece que não foi demitido, nem no FF nem no IE. Eu uso o seguinte código:

<html>
    <head>
        <script>
        <!--
        function doLog(message)
        {
            document.getElementById("log").innerHTML += "<br/>" + message;
        }

        function doResize()
        {
            doLog("plain resize");
        }

        function doResizeEnd()
        {
            doLog("resize end");
        }
        -->
        </script>
        <style>
        <!--
        #log {
            width: 400px;
            height: 600px;
            overflow: auto;
            border: 1px solid black;
        }
        -->
        </style>
    </head>
    <body onresize="doResize();" onresizeend="doResizeEnd();">
        <div id="log"/>
    </body>
</html>

Alguma idéia de por que isso não funciona? Talvez o evento "onresizeend" não seja suportado? Nesse caso, como posso detectar quando o evento de redimensionamento terminou?

Obrigado.