|
|
Для того чтобы выполнять операции drag-n-drop все объекты веб-страничек поддерживают ряд событий, которые перечисленны в табл. 5.18.
События поддержки drag-n-drop
Событие поддержки drag-n-drop: ondrag - настает, когда юзер передвигает элемент-источник по странице. Во всех случаях отправляется элементу-источнику.
Событие поддержки drag-n-drop: ondragend - настает, когда юзер бросает элемент-источник, этим, заканчивая операцию перетаскивания. Во всех случаях отправляется элементу-источнику.
Событие поддержки drag-n-drop: ondragenter - настает, когда юзер располагает элемент-источник сверху элемента-цели. Во всех случаях отправляется элементу-цели.
Событие поддержки drag-n-drop: ondragleave - настает, если юзер удаляет элемент-источник с элемента-цели. Во всех случаях отправляется элементу-цели.
Событие поддержки drag-n-drop: ondragover - настает, когда юзер передвигает элемент-источник сверху элемента-цели. Во всех случаях отправляется элементу-цели.
Событие поддержки drag-n-drop: ondragstart - настает, если юзер элемент страницы начинает перетаскивать мышью. Направляется элементу-источнику всегда.
Событие поддержки drag-n-drop: ondrop - настает, когда юзер бросает элемент-источник над элементом-целью, этим, заканчивая операцию перетаскивания. Во всех случаях отправляется элементу-цели.
Порядок наступления событий во время перетаскивания элемента
1. Юзер кликает мышью относительно элемента и приступает перетаскивание. Событие, кое направляется источнику: ondragstart. Событие, кое направляется цели: нет.
2. Юзер передвигает элемент, который перетаскивается (источник) по страничке. Событие, кое направляется источнику: ondrag. Событие, кое направляется цели: нет.
3. Юзер располагает элемент-источник на цель (другой элемент). Событие, кое направляется источнику: ondrag. Событие, кое направляется цели: ondragenter.
4. Юзер передвигает элемент-источник над элементом-целью. Событие, кое направляется источнику: ondrag. Событие, кое направляется цели: ondragover.
5. Юзер убирает с элемента-цели элемент-источник. Событие, кое направляется источнику: ondrag. Событие, кое направляется цели: ondragleave.
6. Юзер бросает кнопочку мыши над элементом-целью, завершая этим операцию перетаскивания. Событие, кое направляется источнику: ondragend. Событие, кое направляется цели: ondrop.
Автор: hohol | Дата добавления: 05.07.2025
|