使jQuery UI可以在窗口外拖动

Question

如何使用<div>在当前窗口外设置jQuery UI可拖动？目前，当光标不在窗口时，<div>将停止可拖动。但是，如果我在onmousemove上使用window，它将会起作用（使用本机JavaScript）。

http://jsfiddle.net/DerekL/u4yKj/ - 尝试一下，你会理解我的意思。

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

---

使用 作为目标：

  

好。

---

使用jQuery UI：

  

无法离开！

Answer 1

从我所看到的 - 不是没有改变UI可拖动的代码。您可以添加容器：'窗口'以防止超出边界时的粗略行为，但这是您可以做的最好的。

Answer 2

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

正如您在其他答案的评论中提到的那样，jquery ui demo允许在窗口边框外拖动。这是移动视图中你自己的jsfiddle，你会发现它工作正常。

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

看起来类似的答案是，只要你没有周围的帧，它就会做你想要的......但是一旦你添加它们，draggable就不会像你的vanilla js实现一样。

至于自定义此行为，您将获得以下containment选项：

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