Javascript 获取画布中的光标位置

我试图在单击时获取canavs中的光标位置，但以下错误突然出现在我的控制台中

Uncaught TypeError: canvas.getBoundingClientRect is not a function

这是我的密码：

$(".canvas-wrapper").click(function getCursorPosition(canvas, event) {
  var rectangle = canvas.getBoundingClientRect();
    var x = event.clientX - rectangle.left;
    var y = event.clientY - rectangle.top;
    console.log("x: " + x + " y: " + y);
});

---

我简直不明白怎么了。有什么帮助吗？

jQuery传递给回调函数的第一个参数不是元素，而是事件对象。该元素可通过

此

访问

从：

处理者 类型：

函数（事件对象）

每次触发事件时执行的函数

您可以将代码更改为：

$(".canvas-wrapper").click(function getCursorPosition(event) {
  var rectangle = this.getBoundingClientRect();
    var x = event.clientX - rectangle.left;
    var y = event.clientY - rectangle.top;
    console.log("x: " + x + " y: " + y);
});

---

根据jQuery文档，您的

getCursorPosition（）

需要错误的参数。看见