HTML obtenir les coordonnées / la position au clic avec JS

Question

Y at-il un moyen d’obtenir une position / des coordonnées en un clic de souris? Par exemple, si j'ai une image dans un conteneur et que je clique dessus, je veux obtenir les coordonnées (x, y) dans cette image? Je ne vois qu’une solution pour créer de nombreux conteneurs au-dessus de l’image si petits (ce sera comme une grille) qui, lorsque je clique dessus, donnera la position des conteneurs dans js, mais je pense que la page sera tellement lente à cause de cela. Y a-t-il une autre solution à cela?

Answer 1

Obtenez les coordonnées de l'image (css: en haut, à gauche) et les coordonnées du clic de la souris, puis faites un peu de calcul. : -)

C'est assez facile avec une bibliothèque JS telle que jQuery ou prototype .

Answer 2

pseudo-code (modifiez votre cadre):

cX=event.clientX; cY=event.clientY;