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;
});

获取鼠标在drop jquery上的位置

1 个答案: