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

Posted 2023-05-08

【中文标题】使用javascript限制在特定div窗口上的html内拖动对象

【英文标题】：Restrict dragging of object inside html on specific div window using javascript

【发布时间】：2016-11-05 16:37:19

【问题描述】：

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

这是链接：

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

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

【参考方案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 来自这个人：***.com/a/25933582/6335043

感谢 Leo，但我可能会将图像用作 html，而不是背景。看看这是否有用。干杯！

如果答案解决了您的问题，请将其标记为correct answer ;)