Как перетаскивать элементы с помощью JavaScript

Question

Как мы можем перетаскивать объекты на веб-странице с помощью JavaScript?

Answer 1

Я вижу, что вы не используете тег jQquery, но если вы можете использовать jQuery UI, жизнь может быть более простой.

Answer 2

Его так легко с с JQuery UI:

$(document).ready(function() { 
    $('.my_draggable_elems').draggable(); 
}); 

И это все.

Answer 3

Возможно, что я могу предложить REDIPS.drag Библиотека JavaScript. Minimized и GZIPped меньше 10Kb, но предлагает много функциональности. Библиотека использует HTML-таблицу как макет. Элементы DIV в ячейке таблицы можно перетаскивать в другие ячейки таблицы. При написании кода JavaScript в обработчиках событий можно охватить практически любой сценарий.

Вот ссылка на демонстрационную страницу. Рядом с кнопкой загрузки находится ссылка «Предварительный просмотр», где вы можете найти содержимое всего пакета.

http://www.redips.net/javascript/drag-and-drop-table-content/