Wiki-учебник по веб-технологиям: JavaScript/ЧтоТакоеТехнологияDragAndDrop ...

Главная | Каталог |

Что такое технология drag & drop


С помощью новой модели событий JavaScript 1.2 и слоёв мы можем пользоваться технологией drag & drop на нашей web-странице.

Что такое drag & drop? Некоторые операционные системы позволяют Вам например стирать файлы, перетаскивая их иконку в мусорную корзину. Вы нажимаете на иконку файла, перемещаете (то есть вы удерживаете кнопку мыши при ее перемещении) иконку на мусорную корзину и оставляете это там. Технология drag & drop, которую мы хотим выполнять здесь, ограничена web-страницей. Так что Вы не можете использовать код, показанный здесь, чтобы перетащить объекты из HTML-страницы на ваш жесткий диск или сделать что то вроде этого. JavaScript не поддерживает drag & drop непосредственно. Это означает, что мы не можем просто определить свойство dragable (или типа этого) в Image-объекте. Мы должны написать код для нашего случая. Вы увидите, что это не слишком трудно. Так что же нам нужно? Мы нуждаемся в двух вещах. Сначала мы должны регистрировать некоторые события мыши, то есть как мы узнаем, какой объект должен быть перемещен на какую позицию? Затем мы должны заострить наше внимание на том, как мы можем отображать перемещения объектов на экране. Конечно мы используем новое свойство слоёв для определения различных объектов и их перемещения относительно экрана. Каждый объект представляется через собственный уровень.