マウスイベント：ベースレベル要素

Question

から取得マウスCOORDSは、I「は、外側」要素のマウスイベントに

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

と同様のレイアウトを有しています。

jQueryのmouseupイベントを使用して、イベントのマウス座標にアクセスしています（layerXとlayerYの値を使用）。

'inner'要素でクリックを受け取ると、 'inner'要素に対するクリックの座標が与えられます。それは、クリックが要素に与えられたとき、それは外側の要素にマウスcoordsの私は

が

$('#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要素の相対位置を減算常に になります