让jQuery UI在窗口之外拖动

Question

如何使在当前窗口之外拖动<div>？目前当光标不在窗口时，<div>将停止拖动。但是，如果我在window上使用onmousemove，它将起作用（使用原生JavaScript）。

http://jsfiddle.net/DerekL/u4yKj/ - 试试吧，你会明白我的意思。

有没有办法让jQuery使用window作为事件监听器的目标？因为我希望它能继续在窗口外拖动。谢谢。

---

使用作为目标：

好。

---

使用jQuery UI：

出不来！

Answer 1

您看到的行为是jsfiddle在预览窗格旁边具有其他框架的结果。

正如你在其他答案的评论中提到的那样，jQuery UI演示允许在窗口边界之外拖动。这是你自己的jsfiddle在移动视图中，你会看到它工作正常。

http://jsfiddle.net/m/vrq/

它看起来类似的回答是，只要你没有包围框架，它会做你想要什么......但一旦你添加它们，可拖动不起作用相同作为你的香草js实施。

至于定制这种行为将得到以下containment选项：

http://jqueryui.com/demos/draggable/#option-containment

Answer 2

从我看到的 - 不是没有更改用于UI可拖动的代码。你可以添加容器：'窗口'来防止当你超越边界时的粗略行为，但这是关于你能做的最好的事情。