Javascript防止在浏览器窗口外拖放

我的网页上方有一个对话框。此对话框可以在页面周围拖动,也可以在页面的可见部分外部拖动。如何检测浏览器窗口的“限制”并防止将对话框拖到页面之外?

case语句的以下部分在我将对话框窗口放在页面的某个位置时执行。我还在使用jquery.event.drag from 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;
        }