Javascript предотвращает перетаскивание за пределы окна браузера

Question

У меня есть диалоговый экран, который помещается поверх моей веб-страницы. Этот диалог можно перемещать по странице, но также и за пределами видимой части страницы. Как определить «пределы» окна браузера и предотвратить перетаскивание диалогового окна за пределы страницы?

Следующая часть аргумента case вызывается, когда я отбрасываю диалоговое окно где-то на странице. Я также использую jquery.event.drag из 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

Существует демо на странице вы связаны с желаемым эффектом: http://threedubmedia.com/code/event/drag/demo/contain