移动div样式的光标：移动

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可拖动。