HTML obtiene coordenadas / posición al hacer clic con JS

Question

¿Hay alguna manera de obtener una posición / coordenadas al hacer clic con el mouse? Por ejemplo, si tengo una imagen en un contenedor y hago clic en ella, ¿quiero obtener coordenadas (x, y) en esa imagen? Veo solo 1 solución para hacer que muchos contenedores en la parte superior de la imagen sean tan pequeños (serán como una cuadrícula) que cuando haga clic en ellos, los contenedores se colocarán en js, pero creo que la página será muy lenta debido a eso. ¿Hay alguna otra solución para esto?

Answer 1

Obtenga las coordenadas de la imagen (css: arriba, izquierda) y las coordenadas del clic del mouse, y haga un poco de matemática. :-)

Esto es bastante fácil con una biblioteca JS como jQuery o prototipo .

Answer 2

pseudocódigo (cambio a su marco):

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