Javascript阻止拖放到浏览器窗口之外

时间:2010-10-27 11:15:08

标签: javascript jquery html jquery-plugins drag-and-drop

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

当我在页面上的某个位置删除对话框窗口时,将解释案例语句的以下部分。我也在使用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;
        } 

1 个答案:

答案 0 :(得分:2)

您链接的页面上有一个带有所需效果的演示: http://threedubmedia.com/code/event/drag/demo/contain