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