arrastável sem jQuery ui

Question

Jun 10, 2012, 01:23 AM

arrastável sem jQuery ui

Como fazer um elemento arrastável sem usar a interface do usuário do jQuery?

Eu tenho este código:

<script type="text/javascript">
    function show_coords(event)
    {
        var x=event.clientX;
        var y=event.clientY;
        var drag=document.getElementById('drag');
        drag.style.left=x;
        drag.style.top=y
    }
</script>

<body style="height:100%;width:100%" onmousemove="show_coords(event)">
     <p id="drag" style="position:absolute">drag me</p>
</body>

O problema é que eu quero arrastar enquanto o usuário pressiona o botão do mouse. eu tenteionmousedown mas os resultados foram negativos.