What are the events on the canvas object that I can handle?

Question

What are the events on the canvas object that I can handle. In particular, I am looking for a mouse event (either down, or up, etc.) that will give me x and y in the canvas.

Answer 1

Here is a little [ Demo ] .

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.