html onresizeend event, o una forma equivalente de detectar el final del cambio de tamaño

Question

Nov 10, 2008, 01:36 PM

html onresizeend event, o una forma equivalente de detectar el final del cambio de tamaño

Estoy tratando de detectar cuando el evento onresize termina en un navegador. Si uso el evento "onresize", en Firefox parece que se dispara solo una vez, después de que finaliza el evento de cambio de tamaño, que es exactamente lo que quiero. Pero si lo intento en IE, el evento "onresize" se dispara muchas veces durante el cambio de tamaño.

También pruebo el evento "onresizeend", anunciado en MSDN. Pero no parece ser despedido en absoluto, ni en FF, ni en IE. Yo uso el siguiente 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>

¿Alguna idea de por qué esto no funciona? ¿Quizás el evento "onresizeend" no es compatible? En este caso, ¿cómo puedo detectar cuándo ha finalizado el evento de cambio de tamaño?

Gracias.