перемещение курсора в стиле 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. Если установлен флаг и происходит перемещение мыши, измените положение div в соответствии с положением мыши.

3. Снять флажок при наведении мыши.

Исходя из этого, я не думаю, что намного сложнее его развить.

Если вам нужен один на основе фреймворка, то этот поможет вам. Использование jQuery

Draggable

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

сделает div перетаскиваемым.