Javascript 如何使用jQuery UI检测我拖到窗口外的内容？

这是我当前的代码：

@row.draggable(
  handle: '.Drag',
  helper: (event) =>
    clone = @row.clone()
    $("td:gt(0)", clone).remove()
    return clone
  refreshPositions: true
  stop: (event) =>
    if event.pageX < 0
       #do something bc outside of window
       alert('dragged out of window');
)

---

嗯，您可以对top执行类似的操作：

如果event.pageY<0

对于底部和右侧，您需要检查pageX和pageY与相关对象的尺寸。由于和报告鼠标相对于文档左上角的位置，并且获取文档宽度的方法是通过，因此您可以通过以下方式将其组合在一起：

if (event.pageX < 0 || event.pageX > document.body.clientWidth ||
    event.pageY < 0 || event.pageY > document.body.clientHeight) {
    alert('dragged out of window');
}

if（event.pageX<0 | | event.pageX>document.body.clientWidth||
event.pageY<0 | | event.pageY>document.body.clientHeight）{
警报（“拖出窗口”）；
}

看起来不错：-）我会试试看！（我还更新了您的链接以使用MDN中的正确链接）

if (event.pageX < 0 || event.pageX > document.body.clientWidth ||
    event.pageY < 0 || event.pageY > document.body.clientHeight) {
    alert('dragged out of window');
}