B: You can also detect a mouse click on your canvas. Again, this is done with addEventListener. There are quite a few mouse events you can detect: mousedown, mouseup, mousemove, mouseout and mouseover.
E: MouseHover Event Mouse Hover Event is a combination of two mouse events
MouseOver and MouseOut so it makes easier for the developer to handle the hover event easily.
Note:
* If you want to target a touch-enabled device like an iPad, iPhone, Android tablet or phone, etc, then you need the touch events. These events are touchstart, touchend, touchcancel, touchleave, touchmove.

Explanation
B: You can also detect a mouse click on your canvas. Again, this is done with addEventListener. There are quite a few mouse events you can detect: mousedown, mouseup, mousemove, mouseout and mouseover.
E: MouseHover Event Mouse Hover Event is a combination of two mouse events MouseOver and MouseOut so it makes easier for the developer to handle the hover event easily.
Note:
* If you want to target a touch-enabled device like an iPad, iPhone, Android tablet or phone, etc, then you need the touch events. These events are touchstart, touchend, touchcancel, touchleave, touchmove.

when the user touches the screen both touch and click events will occur.
The touchstart event
A user agent must dispatch this event type to indicate when the user places a touch point on the touch surface.
Note:
The main touch events are:
touchstarttriggered when a touch is detected
touchmovetriggered when a touch movement is detected
touchendtriggered when a touch is removed e.g. the user's finger is removed from the touchscreen touchcanceltriggered when a touch is interrupted, e.g. if touch moves outside of the touch- capable area

Explanation/Reference: