javascript - 使用jQuery获取鼠标坐标

我正在使用jQuery和<canvas>元素构建突破游戏。要控制桨，它将跟随鼠标。因此，我需要在drawPaddle()方法中获取鼠标坐标。

在jQuery网站上查看，它具有以下示例：

$(document).mousemove(function(e){
    $('#status').html(e.pageX +', '+ e.pageY);
});

哪个可以执行我想要的操作，但是我不想像这样在我的项目中添加另一个功能。这是我的drawPaddle()方法：

function drawPaddle() {
    c.beginPath();
    c.rect(paddleX, paddleY, 150, 10);
    c.closePath();
    c.fill();
    // Get mouse position and update paddleX and paddleY here
}

因此，无论何时调用drawPaddle()，而不是像$(document).mousemove(function(e){那样在页面上移动鼠标时，我都需要找到一种获取鼠标位置的方法。

任何帮助表示赞赏，谢谢。

最佳答案

$('canvas').mousemove(function(e){
    drawPaddle(e.pageX, e.pageY);
});


function drawPaddle(paddleX, paddleY) {
    c.beginPath();
    c.rect(paddleX, paddleY, 150, 10);
    c.closePath();
    c.fill();
}