DIV에서 상대적인 마우스 좌표 - javascript

Question

div 위로 마우스를 움직여서 div 원점을 기준으로 마우스 좌표를 알고 싶습니다. (왼쪽 위 모서리)

mousemove 이벤트에 마우스의 상대 (클라이언트?) 좌표가 포함될 것으로 예상했지만 실제로는 그렇지 않습니다.

예를 들어 파이어 폭스에서

, 이벤트 속성 중 어느 것도 상대 좌표

포함 *없는 나는 뭔가를 놓치고 있습니까?

*이는 clientX는 Y - 페이지 X, Y -

Answer 1

당신은 아무것도없는 아니에요,하지만 당신은 상대를 계산해야합니다 Y screenX는, 자신을 조정합니다. 다른 브라우저 지원에 대한 세부 사항의 일부를 포함 JS: mouse coordinates relative to an element 참조 :

var pos = $('div').position(); 
var relX = event.pageX - pos.left; 
var relY = event.pageY - pos.top; 

:이 라인을 따라

뭔가가 (당신이 위치를 얻기 위해 사용하려는 w/E 코드로 대체 jQuery를)해야 (비록 당신이 필요하지 않을 수도 jquery를 사용하는 경우).