如何在 javascript 中获取鼠标位置？

Question

我最近在开发一款 js 游戏，它需要 鼠标位置 来更改 背景颜色，我试过

event.clientX, event.clientY 和 event.pageX , event.pageY

现在变成了：-

function l(){
    let x = event.pageX ;
    let y = event.pageY;
    document.bgColor = 'rgb($(x),$(y),$((x/2+y/2))'
};

document.body.addEventListener('mousemove',l());

但是，仍然报错，

uncaught TypeError: Cannot read property 'pageX' of undefined

如果有人解决了我的问题，在此先感谢他玩得开心:-)

Answer 1

试试这个：

var movementFunction = function (event) { 
    console.log(event.pageX, event.pageY);
    let x = event.pageX ;
    let y = event.pageY;
    document.bgColor = `rgb(${x}, ${y}, ${(x/2+y/2)}`
}

document.body.addEventListener('mousemove', movementFunction);

如何在 javascript 中获取鼠标位置？

How can I get mouse location in javascript?

javascript

dom

addeventlistener