javascript - 获取 ID 并设置鼠标移动功能不起作用

Question

我在这里尝试设置一个鼠标移动的功能，但是它不起作用。

var btn = document.getElementById('giveUpDiv')
btn.onmousemove = function(e) {
    var x = e.pageX - btn.offsetLeft - btn.offsetParent.offsetLeft
    var y = e.pageY - btn.offsetTop - btn.offsetParent.offsetTop
    btn.style.setProperty('--x', x + 'px')
    btn.style.setProperty('--y', y + 'px')
}

Answer 1

const btn = document.querySelector("#giveUpDiv");

btn.addEventListener("mousemove", (e) => {
   var x = e.pageX - btn.offsetLeft - btn.offsetParent.offsetLeft
   var y = e.pageY - btn.offsetTop - btn.offsetParent.offsetTop

   btn.style.setProperty('--x', x + "px");
   btn.style.setProperty('--y', y + "px");
});