HTML получить координаты / позицию по клику с помощью JS

Question

Есть ли способ получить позицию / координаты по щелчку мыши? Например, если у меня есть изображение в контейнере, и я нажимаю на него, я хочу получить координаты (x, y) на этом изображении? Я вижу только одно решение, чтобы сделать множество контейнеров поверх изображения настолько маленькими (будет как сетка), что при нажатии на них будет отображаться положение контейнеров в js, но я думаю, что из-за этого страница будет слишком медленной. Есть ли другое решение для этого?

Answer 1

Получите координаты изображения (css: top, left) и координаты щелчка мышью, и немного подсчитайте. : -)

Это довольно легко с библиотекой JS, такой как jQuery или прототип .

Answer 2

псевдокод (измените свою структуру):

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