jquery - ドロップjqueryでマウスの位置を取得

Question

jQuery UI を使用して、ドラッグ アンド ドロップを行います。項目が div の外にドロップされたかどうかを確認する必要があるため、停止時にマウスの位置を取得する必要がありますが、期待どおりに機能していません。

ここに私がこれまでに持っているものがあります:

function getMouseXY() {
    var tempX, tempY;
    document.onmouseup = getMouseXY;
    function getMouseXY(e) {
        tempX = e.pageX
        tempY = e.pageY
        console.log("last xy: " + [tempX, tempY]);
        return [tempY, tempX];
    } 
}

var currentMousePosition = [];

$(".mcCirc").each(function(index){
    $(this).draggable({
        revert: "invalid",
        stop: function( event, ui) {
            currentMousePosition = getMouseXY();

        }
    });
});