限制仅在特定 DIV 内拖动答案

【问题标题】：Restrict dragging within a specific DIV only限制仅在特定 DIV 内拖动
【发布时间】：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;

标签： javascript jquery

【解决方案1】：

使用遏制

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

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

【讨论】：