Непрофессиональное введение в JAVASCRIPT

         

Отпускание объектов


Теперь у нас есть все, что нам надо, чтобы выполнить технологию drag & drop. С нашим сценарием, пользователь может перемещать объекты на нашей web-странице. Но мы все же не говорили относительно отпускания объектов. Давайте предположим, что Вы хотите создать интерактивный магазин. У Вас есть несколько элементов, которые могут быть помещены в корзину для покупки. Пользователь должен перетащить эти элементы к корзине и оставить их там. Это означает, что мы должны регистрировать, когда пользователь отпускает объект на корзине, что означает, что он хочет купить это.

Какую часть кода мы должны изменить, чтобы выполнить это? Мы должны проверить позицию объекта после события MouseUp - то есть мы должны добавить некоторый код к функции endDrag(). Мы могли бы например проверять находятся ли координаты события мыши внутри некоторого прямоугольника. Если это истинно, Вы вызываете функцию, которая регистрирует все элементы, которые будут куплены (Вы может быть захотите поместить их внутрь массива). Затем Вы могли бы показать элемент внутри корзины для покупок.



Содержание раздела