How to make a clickable canvas?

Question

JavaScript

Hello. I've been trying to figure out how to make a clickable canvas for about an hour now, but I can't. The bottom line is this: I click on the circle and I have a hidden div with content. Maybe there is some documentation or something like that. Thanks in advance.

I didn't really understand how to work with CustomEvent

Answer 1

canvas.addEventListener('click', function() { })
Naturally, the mouse knows nothing about the circles that you drew on your canvas, or you calculate it yourself, or use svg where the circle is a separate element and you can hang your click handler on it