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

Question

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

当我将对话窗口放在页面上的某个位置时，将执行 case 语句的以下部分。我也在使用来自threedubmedia的 jquery.event.drag

// 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