검색어: datatransfer (영어 - 러시아어)

enter the datatransfer object.
Объект datatransfer

the datatransfer object the datatransfer property is where all the dnd magic happens.
Свойство datatransfer– это то самое место, где реализуется перетаскивание.

the datatransfer object exposes properties to provide visual feedback to the user during the drag process.
Объект datatransfer обладает свойствами, которые создают визуальную подсказку для пользователей в процессе перетаскивания.

it holds the piece of data sent in a drag action. datatransfer is set in the dragstart event and read/handled in the drop event.
Объект datatransfer устанавливается в событии dragstart, а считывается и обрабатывается в событии drop.

conveniently, datatransfer also has a getdata(format) for fetching the drag data by mimetype. here is the modification to process the column drop:
Удобно, что у объекта datatransfer есть также функция getdata(format), позволяющая доставлять перетаскиваемые данные по mime-типу. Вот как выглядит измененный процесс перетаскивания столбца:

function handledragstart(e) { this.style.opacity = '0.4'; // this / e.target is the source node. } function handledragover(e) { if (e.preventdefault) { e.preventdefault(); // necessary. allows us to drop. } e.datatransfer.dropeffect = 'move'; // see the section on the datatransfer object. return false; } function handledragenter(e) { // this / e.target is the current hover target. this.classlist.add('over'); } function handledragleave(e) { this.classlist.remove('over'); // this / e.target is previous target element.
function handledragstart(e) { this.style.opacity = '0.4'; // this / e.target is the source node. } function handledragover(e) { if (e.preventdefault) { e.preventdefault(); // necessary. allows us to drop. } e.datatransfer.dropeffect = 'move'; // see the section on the datatransfer object. return false; } function handledragenter(e) { // this / e.target is the current hover target. this.classlist.add('over'); } function handledragleave(e) { this.classlist.remove('over'); // this / e.target is previous target element.