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

【问题标题】：Restrict dragging of object inside html on specific div window using javascript使用javascript限制在特定div窗口上的html内拖动对象
【发布时间】：2016-11-05 16:37:19
【问题描述】：

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

这是链接：

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

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

【问题讨论】：

标签： javascript drag

【解决方案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/

【讨论】：

谢谢你会保留这个！尽管由于客户端限制，我正试图通过纯 javascript 来完成这项工作。废话。
好吧，你可以看看这个 jsfiddle：jsfiddle.net/ryuofpaL 来自这个人：stackoverflow.com/a/25933582/6335043
感谢 Leo，但我可能会将图像用作 html，而不是背景。看看这是否有用。干杯！
如果答案解决了您的问题，请将其标记为correct answer ;)