使用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/