javascript - 有没有办法在离开文档正文时触发 mouseup？

Question

我找到了一些代码，并做了一个 jsfillde用它。我需要知道当您离开文档正文时如何在下面的函数中触发 mouseup(在 fiddle 示例中，就像将对象拖到 HTML 部分中并将鼠标单击留在那里)。

function handleMouseMove(e) {
    if (canMove) {
        var left = getMousePosX(e);
        var top = getMousePosY(e);
        var newLeft = ($(elemToMove).css('left').toDecNum() + (left - lastPosX));
        var newTop = ($(elemToMove).css('top').toDecNum() + (top - lastPosY));

        $(elemToMove).css('left', newLeft);
        $(elemToMove).css('top', newTop);
        lastPosX = left;
        lastPosY = top;
    }

    return false;
}

感谢您的任何建议。

Answer 1

你可以使用

document.onmouseout = handleMouseUp;

这表示当鼠标离开文档对象时，应调用 handleMouseUp 处理程序。

更新了 fiddle : http://jsfiddle.net/vp14utt1/1/

-

附注对于仅将事件作为参数的事件处理程序，您可以只使用函数名称而不包装它。

document.onmousedown = function (e) { handleMouseDown(e); };
document.onmousedown = handleMouseDown;