DragEvent

Базовая поддержка Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Интерфейс DragEvent представляет собой событие DOM, которое отображает взаимодействие «перетащить и отпустить». Пользователь инициирует перетаскивание, поместив указательное устройство (например, мышь) на сенсорную поверхность, а затем переместив указатель в новое местоположение (например, другой элемент DOM). Приложения могут интерпретировать взаимодействие «перетащить и отпустить» в соответствии со своими потребностями.

Этот интерфейс наследует свойства от MouseEvent и Event.

Свойства экземпляра

DragEvent.dataTransfer Только для чтения: Данные, передаваемые во время взаимодействия «перетащить и отпустить».

Конструкторы

Хотя у этого интерфейса есть конструктор, создание полезного объекта DataTransfer из скрипта невозможно, так как объекты DataTransfer имеют модель обработки и безопасности, которая координируется браузером во время операций «перетащить и отпустить».

DragEvent(): Создаёт синтетическое и ненадежное событие DragEvent.

Типы событий

drag: Это событие срабатывает, когда элемент или выделенный текст перетаскиваются.
dragend: Это событие срабатывает, когда операция перетаскивания завершается (при отпускании кнопки мыши или нажатии клавиши Esc).
dragenter: Это событие срабатывает, когда перетаскиваемый элемент или выделенный текст входят в допустимую область отпускания.
dragleave: Это событие срабатывает, когда перетаскиваемый элемент или выделенный текст покидают допустимую область отпускания.
dragover: Это событие постоянно срабатывает, когда элемент или выделенный текст перетаскиваются, и указатель мыши находится над допустимой областью отпускания (каждые 50 мс, ЕСЛИ мышь не двигается, ИНАЧЕ намного быстрее — приблизительно от 5 мс (медленное движение) до 1 мс (быстрое движение). Этот механизм срабатывания отличается от mouseover).
dragstart: Это событие срабатывает, когда пользователь начинает перетаскивать элемент или выделенный текст.
drop: Это событие срабатывает, когда элемент или выделенный текст отпускаются на допустимую область отпускания.

Пример

Пример каждого свойства, конструктора, типа события и глобальных обработчиков событий включен в соответствующую страницу справки.

Спецификации

Спецификация
HTML # the-dragevent-interface

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`DragEvent`	46	12	3.5	12	14	46	4	33	14	5.0	46
`DragEvent`	46	12	3.5	12	14	46	4	33	14	5.0	46
`dataTransfer`	46	12	3.5	33	14	46	4	33	14	5.0	46

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DragEvent