DragEvent: свойство dataTransfer
Базовый уровень Широко распространён
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Только для чтения свойство DragEvent.dataTransfer хранит данные операции перетаскивания (как объект DataTransfer).
Значение
Объект DataTransfer, содержащий данные события перетаскивания.
Свойство может быть null при создании события с помощью конструктора. Оно никогда не null при отправке браузером.
Примеры
Этот пример демонстрирует доступ к данным перетаскивания и перемещения в обработчике события dragend.
function processData(d) {
// Process the data …
}
dragTarget.addEventListener(
"dragend",
(ev) => {
// Call the drag and drop data processor
if (ev.dataTransfer !== null) processData(ev.dataTransfer);
},
false,
);
Спецификации
| Спецификация |
|---|
| HTML # dom-dragevent-datatransfer-dev |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
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/dataTransfer