检测“画布”上的单击

Question

在我的代码中，我有800 * 800画布。它上面有一个网格，我发现了这个功能：

    function getCursorPosition(canvas, event) {
    var x, y;

    canoffset = $(canvas).offset();
    x = event.clientX + document.body.scrollLeft + 
    document.documentElement.scrollLeft - Math.floor(canoffset.left);
    y = event.clientY + document.body.scrollTop + 
    document.documentElement.scrollTop - Math.floor(canoffset.top) + 1;

    return [x,y];
}

但是我如何/在哪里调用它来检测我的画布何时被点击？

Answer 1

您是否能够添加事件监听器？

document.querySelector("canvas").addEventListener("click", e => handle(e))

handle是您的事件处理程序。