Требования: HTML-страницы имеют панель инструментов, позволяющую пользователям перетаскивать в нужную позицию в соответствии с привычками.
Прежде всего, визуализации следующие:
Элементы HTML можно перетащить произвольно, установив свойство перетаскивания в true, но при освобождении мыши элемент вернётся в исходное положение.
Это можно сделать, добавив событие перетаскивания, чтобы переместить элемент в позицию после отпуска мыши.
Прилагается исходный код:
Запустите событие на перетягивающей цели (исходном элементе):
ondragstart — срабатывает, когда пользователь начинает перетаскивать элемент
ondrag — срабатывает при перетаскивании элемента
ondragend — срабатывает, когда пользователь завершает перетаскивание элемента
События, которые запускаются при освобождении цели:
ondragenter — запускает это событие, когда объект, перетащиваемый мышью, попадает в область действия своего контейнера
ondragover — Это событие запускается, когда перетащиваемый объект перетаскивается внутри другого контейнера объекта
ondragleave — это событие срабатывает, когда объект, перетащиваемый мышью, покидает зону действия своего контейнера
ondrop — это событие запускается, когда клавиши мыши отпускаются во время перетаскивания
Ссылка:
|
Опубликовано 26.04.2022 10:32:01
|
|
|
|
Опубликовано 26.04.2022 21:24:22
|
