Assign mouse move event coordinate to element style : Table Sorter : GUI Components JAVASCRIPT TUTORIALS

JAVASCRIPT TUTORIALS » GUI Components » Table Sorter »

Assign mouse move event coordinate to element style



<html>
    <head>
        <title>Simulated Drag And Drop Example</title>
        <script type="text/javascript">
        
            function handleMouseMove(oEvent) {
                var oDiv = document.getElementById("div1");
                oDiv.style.left = oEvent.clientX;
                oDiv.style.top = oEvent.clientY;
            }
                                  
        </script>
    </head>
    <body onmousemove="handleMouseMove(event)">
        <P>Try moving your mouse around.</p>
        <div id="div1" style="background-color: red;height: 100px;width: 100px;position: absolute;">
        Test
        </div>
    </body>
</html>