javascript - 使用 javascript 限制在特定 div 窗口上拖动 html 内的对象

Question

我使用过这个脚本，我想知道是否可以防止图像位于 html 内 div 窗口边缘时拖动图像？

这是链接:

<https://jsfiddle.net/61t6nn4a/2/>

任何提示都会很棒，谢谢。

Answer 1

使用 jQuery 可以让您的生活更轻松。

jQueryUI 具有可拖动功能，请查看此处的文档:http://api.jqueryui.com/draggable/

HTML:

<div class="container">
    <img src="http://www.zpixel.com/staging/test/image.png" class="dragme">
</div>

JS:

$(".dragme").draggable({
    containment: ".container"
});

这是 JSFiddle :https://jsfiddle.net/v28r9v3r/1/