Javascriptがブラウザウィンドウ外へのドラッグアンドドロップを防止

drag-and-drop html javascript jquery jquery-plugins
Javascriptがブラウザウィンドウ外へのドラッグアンドドロップを防止

Webページの上部に配置されたダイアログ画面があります。 このダイアログは、ページの周りだけでなく、ページの表示部分の外側にもドラッグできます。 ブラウザウィンドウの「制限」を検出し、ダイアログをページ外にドラッグしないようにするにはどうすればよいですか?

ページのどこかにダイアログウィンドウをドロップすると、caseステートメントの次の部分が実行されます。 また、http://threedubmedia.com [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  1


ベストアンサー

目的の効果にリンクしたページにデモがあります:http://threedubmedia.com/code/event/drag/demo/contain

2


タイトルとURLをコピーしました