移动 div 样式的光标：move

Question

我有一个 div，我为其设置了光标：移动样式。 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. 当 mousedown 发生时，应该设置一个标志。

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

   如果

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

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

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

Draggable

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

将使 div 可拖动。