使用 javascript 在特定 div window 上限制在 html 内拖动对象

Question

我已经使用了这个脚本，我想知道是否可以防止图像在 html 内 div window 的边缘时被拖动？

这是link:

<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"
});

Restrict dragging of object inside html on specific div window using javascript