getBoundingClientRect不是一个函数

Question

我试图获取鼠标单击图像的坐标。 所以我使用像这样的getBoundingClientRect

＆＃13;

＆＃13;

function showCoords(canvas, event) {
    var rect = canvas.getBoundingClientRect();
    var x = event.clientX - rect.left;
    var y = event.clientY - rect.top;
    console.log("x: " + x + " y: " + y);
}

＆＃13;

＆＃13;

＆＃13;

但是我得到了这个错误＆＃34; canvas.getBoundingClientRect不是一个函数＆＃34;

Answer 1

这意味着canvas变量实际上不是Canvas元素。

它可以是undefined，仍未初始化或错误选择。

如果将click事件添加到canvas元素，您需要仔细检查它并尝试使用event.target。