javascript - 移动 div 样式的光标：移动

Question

我有一个 div，我为其设置了 cursor:move 样式。div 显示为模式弹出窗口。我想让用户移动 div。

<style>
.popup{cursor:move;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin:auto;}
</style>

<div id="modaldiv" style="popup">
   content goes here
</div>

任何帮助是极大的赞赏。

谢谢。

Answer 1

如果您需要基本想法，那么它将是这样的。

1. 当鼠标按下时应该设置一个标志。

2. 如果设置了标志并且发生了 mousemove，则根据鼠标位置更改 div 的位置。

3. 当 mouseup 发生时取消设置标志。

由此看来，我认为开发一个并不难。

如果你需要一个基于框架的，那么这个会帮助你。使用 jQuery

可拖动

$("#modaldiv").draggable();

将使 div 可拖动。