Home/ Questions/Q 8618415
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T06:06:08+00:00

I’m trying to place a div wherever the cursor is when the mouse is

  • 0

I’m trying to place a div wherever the cursor is when the mouse is clicked. So when I use e.PageX and e.pageY, it’s actually placing my div far lower than intended. Any ideas?

var mouseX = e.pageX;
var mouseY = e.pageY;
$("#moverdiv").css({'top':mouseY,'left':mouseX});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This Worked for me.Try this:

    <!DOCTYPE html>
 <html>
   <head>
     <script src="jquery.js"></script>
     <script>
        $(document).ready(function(){
          $(document).click(function(e){ 
            var mouseX = e.pageX;
            var mouseY = e.pageY;
            $("#moverdiv").css({'top':mouseY, 'left':mouseX});
          });

        });
     </script>
     <style type="text/css">
         #moverdiv{
            position: absolute;
            top: 0px;
            left: 0px;
            background-color: #000;
            width: 100px;
            height: 100px;
           }
      </style>
   </head>
   <body>
      <div id="moverdiv"></div>
   </body>
 </html>

    And this is the demo

    • 0