Javascript点击和拖动功能

我正在尝试构建一个交互式地图，我正在寻找有关如何在一个窗口中单击并拖动，如何影响其父窗口中的图像的信息

由于这很难解释，如果您访问，您将在左上角看到一个小窗口/地图，我希望能够在地图周围拖动一个小窗口，并移动较大/放大的图像，这有意义吗

非常感谢您提供的任何信息/帮助

---

感谢jquery支持拖放元素，请参见此处： 您必须设置正确的边界，然后添加一个在拖放时执行的事件，在该事件中，您将读取被拖放元素的位置，然后可以根据需要将其应用于贴图

您想要的正确示例如下：

框中的第一个具有框的边界

---

在这里，你可以看到如何对拖放做出反应：

我认为你需要的不完全是一个拖动事件，你希望一个元素只在小地图内移动，是吗

让我解释一下：

1-添加一个监听器，鼠标上下移动到那个小地图上

2-当标志mousedown为true时，mousemove可以改变小地图周围一个正方形div的位置（显示用户看到的图像部分）。使用pageX和Y（坐标）

3-使用完整地图，通过部分div的大小和大溢出的大小进行数学运算，以精确显示地图的缩放部分

---

我相信，当您移动一个文件时，或者使用drop事件时，确实可以实现拖动。但这正是我的想法。

正如你在我回答的示例中所看到的，拖放可以限制在某个区域