Событие мыши: получение координат мыши из элемента базового уровня

Question

У меня есть макет, похожий на

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

с событием мыши для внешнего элемента.

Я получаю доступ к координатам мыши для события, используя событие mouseU в jQuery со значениями layerX и layerY.

Когда получен щелчок по внутреннему элементу, он дает координаты щелчка относительно внутреннего элемента. Возможно ли, что когда элемент дается щелчком, он может дать координаты мыши относительно внешнего элемента

Базовый обзор того, что у меня есть

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