鼠標事件：獲取從基部水平元件

Question

鼠標COORDS我具有類似於

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

與用於「外部」元件鼠標事件的佈局。

我正在使用帶有layerX和layerY值的jQuery的mouseup事件訪問事件的鼠標座標。

當在'inner'元素上收到點擊時，它會給出'inner'元素相對於點擊的座標。是否有可能，當點擊給出的元素，它可以相對給鼠標COORDS到外部元件

的我有什麼

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

Answer 1

jQuery的沒有一個內置的方式基本概況要做到這一點，但是你可以用你描述的方式來計算你正在尋找的東西。但是一個簡單的方法將總是得到相對於文檔鼠標位置，然後減去相對#outer元素位置的文檔：

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