HTML에서 JS 클릭으로 좌표/위치 가져 오기

Question

마우스 클릭시 위치/좌표를 가져 오는 방법이 있습니까? 예를 들어 컨테이너에 이미지가 있고이를 클릭하면 해당 이미지에서 좌표 (x, y)를 가져오고 싶습니까? 나는 하나의 솔루션 만 이미지 위에 컨테이너를 많이 만들 수있는 작은 (그리드와 같음)을 클릭하면 컨테이너 위치를 js로 지정하지만 페이지가 너무 빠르기 때문에 그렇게 느릴 것이라고 생각합니다. 이것에 대한 다른 해결책이 있습니까?

Answer 1

가져 좌표 (CSS : 상단 왼쪽)과 마우스 클릭의 좌표, 그리고 약간의 수학을. :-)

jQuery 또는 prototype과 같은 JS 라이브러리를 사용하면 매우 간단합니다.

Answer 2

의사 코드 (귀하의 프레임 워크로 변경) : 이미지의

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