Home/ Questions/Q 8874609
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T18:45:52+00:00

I’m trying this demo here In HTML: … <body> <div id=button-wrapper style=position: absolute; opacity:

  • 0

I’m trying this demo here

In HTML:

...
    <body>
       <div id="button-wrapper" style="position: absolute; opacity: 1; width: 27px; height: 20px;">
          <input type="submit" value="submit">
       </div>
    </body> 
...

In jQuery:

$(document).ready(function(){
   $("#button-wrapper").parent().mousemove(function(e) {
       jQuery("#button-wrapper").css({
           top : e.pageY - 10,
           left : e.pageX + 30
       });
   });
});

An error occurs when I move the mouse on body. The submit button can’t run on mouse move event. How should I fix this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

    $(function(){
    $(document).on('mousemove',function(e) {
        $("#button-wrapper").css({
            top : e.pageY - 10,
            left : e.pageX + 30
        });
    });
});

    You should first use all $(document) since you are trying selecting parent() of your div which is body which can be easily the document itself. Then use on() for live DOM interpretation.

    Then translate this jQuery("#button-wrapper") to $("#button-wrapper") just because if you use one, don’t use the other.

    Also translate $(document).ready(function(){}); part into $(function(){});.

    • 0