How to bind event handlers to elements in canvas?

Question

JavaScript

There are several elements in the canvas. No matter what, but let's say circles. How, for example, to bind an event handler to one of these circles so that it and specifically it, and not the neighboring one, turns red from black?
Please leave a link to some tutorial or article where this interaction is described.

Answer 1

So?
You need to hang the handler on the canvas itself. And inside it, get the mouse coordinates and calculate the coordinates of the element where the click was.