移动一个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. 如果该标志被设置并发生鼠标移动，则根据鼠标位置改变div的位置。

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

从这我不认为这是很难发展一个。

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

Draggable

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

将使格拖动。