Обнаружение щелчка на холсте

avatar
JackGab
8 апреля 2018 в 00:44
53
1
1

В моем коде есть холст 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];
}

Но как/где я могу вызвать это, чтобы определить, когда на моем холсте щелкнули?

Источник

Ответы (1)

avatar
J-Cake
8 апреля 2018 в 00:52
1

Вы не можете добавить прослушиватель событий?

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

Где handle — ваш обработчик событий.

J-Cake
8 апреля 2018 в 10:36
0

Это сработало? обычно для меня добавление прослушивателей событий к элементам querySelector не работает, и мне нужно получить узел элемента, просто интересно.