Какие события на объекте Canvas я могу обработать?

Question

Какие события на объекте canvas я могу обработать. В частности, я ищу событие щелчка мыши (или вниз, или вверх, и т. Д.), Которое даст мне значения x и y на холсте.

Answer 1

Вот немного [ Демо ] .

var canvas = document.getElementById("canvas");
canvas.onclick = function(e) {
  // mouse coordinates relative 
  // to the canvas element
  var position = canvas.getBoundingClientRect();
  var click = {
    x: e.clientX - position.left,
    y: e.clientY - position.top
  };
};

Answer 2

Вы не можете присоединять события DOM к вещам, отличным от объектов (элементов) DOM. canvas - это элемент DOM, а то, что вы рисуете на нем, - нет. Чтобы получить конкретные координаты xy того места, где пользователь щелкнул, вы должны прикрепить событие click к элементу canvas, а затем сравнить координаты x, y щелчка с координатами x, y вашего элемента canvas. .