获取鼠标在拖放 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();

        }
    });
});

Answer 1

当您在放置操作发生之前应该完成放置时，您正在附加该事件。

如果您包含更多示例代码会更好:-)

我还是举了一个例子： Example

document.onmouseup = getMouseXY; // Attached too late.

var posX = 0;
var posY = 0;

// This is better
$(document).mousemove(function(e){
    $('#status').html(e.pageX +', '+ e.pageY);
    posX = e.pageX;
    posY = e.pageY;
});