限制仅在特定 DIV 内拖动

Posted

技术标签:

【中文标题】限制仅在特定 DIV 内拖动【英文标题】:Restrict dragging within a specific DIV only 【发布时间】:2014-10-28 17:41:52 【问题描述】:

见 JSFIddle:http://jsfiddle.net/6q9hn5Ln/2/

    如何将拖动限制在#OuterWrapper 内?

    为什么我不能通过按 ENTER 在文本区域中获得换行符?

    变量 x = 0, y = 0;

    交互('#outWrap_1') .draggable( onmove:函数(事件) x += 事件.dx; y += event.dy;

            event.target.style.webkitTransform =
            event.target.style.transform =
                'translate(' + x + 'px, ' + y + 'px)';
        
    )
    .inertia(true)
    .restrict(
        drag: "#OuterWrapper", // how to restrict dragging to this DIV only
        endOnly: true
    );
    

【问题讨论】:

拖动:document.getElementById('OuterWrapper'), endOnly: false; 【参考方案1】:

使用遏制

$( ".selector" ).draggable( containment: "parent" );

检查这个 jquery draggable: how to limit the draggable area?

【讨论】:

以上是关于限制仅在特定 DIV 内拖动的主要内容,如果未能解决你的问题,请参考以下文章