HTML obtenir des coordonnées/position sur le clic avec JS

Question

Y at-il un moyen d'obtenir une position/coordonnées au clic de la souris? Dans l'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 vois seulement une solution pour faire beaucoup de conteneurs sur l'image si petite (sera comme grille) que quand je clique cela donnera la position des conteneurs dans js, mais je pense que la page sera tellement lente à cause de ça. Y a-t-il une autre solution à cela?

Answer 1

Obtenir coords de l'image (css: haut, à gauche) et coords du clic de la souris, et faire un peu de mathématiques. :-)

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

Answer 2

pseudo-code (changement à votre cadre):

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