Javascript禁止拖拽瀏覽器窗口外部

Question

我有一個放置在我的網頁頂部的對話框屏幕。該對話框可以在頁面周圍拖動，也可以在頁面的可見部分之外拖動。如何檢測瀏覽器窗口的「限制」並防止將頁面拖出頁面？

當我在頁面上的某處放置對話窗口時，case語句的下面部分被執行。我還使用從threedubmedia

// mouseup, stop dragging 
     case 'mouseup': 
      $event.remove(document, "mousemove mouseup", handler); // remove page events 
      console.log(data); 
      if (drag.dragging){ 
       if ($special.drop) $special.drop.handler(event); // "drop" 
       hijack(event, "dragend", elem); // trigger "dragend" 
       } 
      selectable(elem, true); // enable text selection 
      drag.dragging = drag.proxy = data.elem = false; // deactivate element 
      break; 
     } 

Answer 1

jquery.event.drag有你想要的效果鏈接頁面上的演示： http://threedubmedia.com/code/event/drag/demo/contain