我试图让 cursor 在按钮移动时移动

Question

I am trying to make a button that moves when the cursor does so it is just the cursor can't click it but it is attached to it but cannot be clicked. I am using this but it is not working (btw I am new to javascript so idk if it was supposed to work or not): document.addEventListener('mousemove',runAway,true)

Answer 1

Use event mousemove in conjunction with the event event delegation, to which you need to transfer the coordinates of the mouse by X and Y :

x = event.pageX;
y = event.pageY;

Next, we pass the current coordinates +10 pixels to the button (to prevent the button from being clicked), using property left and top :

button.style.left = x + 10 + "px";
button.style.top = y + 10 + "px";

Likewise, the moving element must be relative or absolute .

 let button = document.querySelector("button"); document.addEventListener("mousemove", function (event) { x = event.pageX; y = event.pageY; button.style.left = x + 10 + "px"; button.style.top = y + 10 + "px"; });

 button { position: absolute; }

 <button>Moving button</button>