Événement souris en JavaScript

Bonjour,

J'aurai besoin d'aide à propos des événements souris, je m'explique :
Mon but est de créer un clavier virtuel en JavaScript dans un canvas où l'on peut choisir des chiffres ou des lettres, par exemple. Je cherche à faire en sorte que la couleur de la lettre change quand on survole cette touche ou quand on a cliqué dessus.
Je sais utiliser onMouseOver, onMouseOut etc…, mais cela fonctionne lorsque la souris survole le canvas entier, et non une zone précise à l'intérieur de ce canvas.

J'aimerai donc avoir votre aide à propos de la méthode à utiliser pour que l'événement se produise en survolant uniquement cette zone.

Je vous remercie d'avance pour vos réponses.


EDIT : Je viens de trouver une solution. Je m'excuse d'avoir créé cette discussion si inutilement.

Bonjour,

Bah là, il vaudrait mieux utiliser une librairie js qui fait ça, comme fabricjs.

Parce que dans le cas contraire, il faut le faire à la mains, coder sont propre gestionnaire d’événement avec des calculs mathématiques.

Si vous utiliser le canevas from scratch, tout est à coder à la mains, ce n'est qu'un amas de pixel, rien de plus.