鼠标事件：从基本级元素获取鼠标坐标

Question

我的布局类似于

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

带有'outer'元素的鼠标事件。

我正在使用带有layerX和layerY值的jQuery的mouseup事件来访问事件的鼠标坐标。

当在'inner'元素上收到点击时，它会给出相对于'inner'元素的点击的坐标。是否有可能在给元素点击时，它可以相对于外部元素给出鼠标坐标

我所拥有的基本概述

$('#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;
});