Okay it would seem like it should be simple. I need to take an already existing div and move it according to mouse position within the window. I have searched everywhere and it has led me to over-complicated ways of doing the same thing and involves the use of j-query. I need to strictly use javascript for what I am trying to do.

**Method :**

    var mousePosition;
    var div;

    (function createDiv(){
    
        div = document.createElement(&quot;div&quot;);
        div.style.position = &quot;absolute&quot;;
        div.style.left = &quot;0px&quot;;
        div.style.top = &quot;0px&quot;;
        div.style.width = &quot;100px&quot;;
        div.style.height = &quot;100px&quot;;
        div.style.background = &quot;red&quot;;
        div.style.color = &quot;blue&quot;;

        div.addEventListener(&#39;mousedown&#39;, handleKeyPressed, true);

        document.body.appendChild(div);
    
    
    })();

    function handleKeyPressed(event) {
        
        event.preventDefault();
        
        mousePosition = {
            
            x : event.clientX,
            y : event.clientY
            
        };
        
        div.style.left = mousePosition.x;
        div.style.top = mousePosition.y;
        
        //alert(&quot;whoa!&quot;);
        
    }

All Onmousedown Solutions on Gang of Coders

Total of 1 Onmousedown Solutions

JavaScript How to Dynamically Move Div by Clicking and Dragging