onMouseUp nome hace caso mientras se ejecuta while

[SBalgas]

Hola... she she!!! no me dabola el onMouseUp -.-"

tengo este div con los eventos onmousedown y onMouseUp

<div class="up" style="left:55px; Top:15px;" onmousedown="javascript:Pulsado('up')" onMouseUp="javascript:ratonSoltado()"></div>

ya probe y se ejecutan bien las funciones...

function Pulsado(dir) { y function ratonSoltado() {

el problema biene cuando meto un while boolean dentro de la funcion pulsado...

while (estaPulsado){
}

el while funciona... y hace su trabajo... pero dentro de
ratonSoltado tengo la variable estaPulsado=false... q si bien funciona... pero cuando meto while... no cambia su valor a false... ni siquiera se ejecuta el evento ratonSoltado

estaPulsado esta declarado fuera de las funciones... con eso ya tendria q pasarse el valor entre funciones...

q me recomiendan?

[Dradi7]

La verdad no entendi nada lo que quieres realizar, ademas de la forma que te expresas nadie podria comprender que es lo que realmente quieres

[Aijoona]

Disclaimer: No entendí bien el post.

JavaScript y la UI del browser corren sobre un mismo "thread", con lo cual, si estás ejecutando JS, como es el caso de tu while, no podes esperar respuesta de la UI, como es tu event listener.

[SBalgas]

osea... q si el while se esta ejecutando... el evento onMouseUp... no se ejecutara?

q macana xD!... voy a ver como lo hago esquivando el while... :P

[Aijoona]

No deberías bloquear el thread con JavaScript, de hecho una ejecución de 100ms ya se siente molesto.

[SBalgas]

mmmm en realidad... lo que quiero.. es q una imagen se mueva por la pantalla, mediante unos controles... lo logre con onclick... pero no me sirve por q ahi q hacer 1000 click para q se desplace... ya q la imagen es enorme... con un visor chico...

entonces se me ocurrio q con onmousedown... podria detectar q se esta haciendo click en el boton y q la imagen se desplace con un while... hasta q suelte el boton y ahi pare el while...

Código javascript:

function Pulsado(dir) {
        estaPulsado = true;
        while (estaPulsado==true){
            alert(estaPulsado);
            //Calcular la diferencia de posición
            yInc=0;
            xInc=0;
            if (dir=='up'){
                yInc = 10;
            }else if (dir=='down'){
                yInc = -10;
            }else if (dir=='right'){
                xInc = -10;
            }else if (dir=='left'){
                xInc = 10;
            }
                        
            //Establecer la nueva posición
            var elemento = document.getElementById("Div240");
            var position = getPosicion(elemento);
            
            MoverX = (position[1] + xInc);
            MoverY = (position[0] + yInc);
            
            elemento.style.left = MoverX + "px";            
            elemento.style.top =  MoverY + "px";
        }
    }
    
    function ratonSoltado() {
        estaPulsado = false;
        alert(estaPulsado);
    }
 

[Aijoona]

Estoy sin demasiado tiempo, tengo algo parecido (usando canvas):

http://jsfiddle.net/Aijoona/NYkaJ/