przeciągalny bez jQuery ui

Jak uczynić element przeciągalnym bez użycia interfejsu jQuery?

Mam ten kod:

<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>

Problem polega na tym, że chcę przeciągnąć, gdy użytkownik naciska przycisk myszy. próbowałemonmousedown ale wyniki były negatywne.

questionAnswers(1)

yourAnswerToTheQuestion