마우스 이벤트 : 기본 레벨 요소

Question

에서 얻기 마우스 좌표가 나는 '외부'요소에 대한 마우스 이벤트와

<div id="outer"> 
    <div id="inner"></div> 
</div> 

비슷한 레이아웃을 가지고있다.

jQuery의 mouseup 이벤트에서 layerX 및 layerY 값을 사용하여 이벤트의 마우스 코드에 액세스하고 있습니다.

'내부'요소에 클릭이 수신되면 '내부'요소와 관련된 클릭의 좌표를 제공합니다. 그것은 클릭이 요소에 주어질 때, 그것은 외부 요소에 마우스 좌표를 내가

이

$('#outer').mouseup(function(e){ 
    // do stuff with 
    //e.layerX 
    //e.layerY 
} 

Answer 1

jQuery를이이 방법으로 내장이없는 무슨의

기본 개요를 상대를 줄 수있는 가능 이렇게하려면 설명하는 방식으로 찾고있는 것을 계산할 수 있습니다.

var $outer = $('#outer'); 
$outer.mouseup(function(e) { 
    var offset = $outer.offset(); 
    var x = e.pageX - offset.left; 
    var y = e.pageY - offset.top; 
}); 

그러나 간단한 방법은 항상 문서에 #outer 요소의 위치를 ​​차감 한 후 문서에 마우스 위치를 얻고, 하는 것