限制仅在特定 DIV 内拖动

Posted 2023-05-08

【中文标题】限制仅在特定 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?