OnDragOver события

/ * Когда триггер перетаскивания * /
document.addEventListener ( "dragstart", функция (событие) {
//dataTransfer.setData () метод, чтобы задать тип данных и данные сопротивления
event.dataTransfer.setData ( "Текст", event.target.id);
// Вывод некоторый текст при перемещении элемента р
. Document.getElementById ( "демо") innerHTML = "начните перетаскивание элемента р.";
// Изменение прозрачности элемента сопротивления
event.target.style.opacity = "0.4";
});
// P перетащить элемент в то же время, изменить цвет вывода текста
document.addEventListener ( "перетащить", функция (событие) {
. Document.getElementById ( "демо") style.color = "красный";
});
// Выход End р элемент при перемещении некоторых текстовых элементов и сброса прозрачности
document.addEventListener ( "dragend", функция (событие) {
. Document.getElementById ( "демо") innerHTML = "перетащить элемент полный р";
event.target.style.opacity = "1";
});
/ * После завершения триггера перетаскивания * /
// Завершить элемент сопротивления, когда р ввести DropTarget, стили границ изменить DIV
document.addEventListener ( "DragEnter", функция (событие) {
если (event.target.className == "DropTarget") {
event.target.style.border = "3px пунктирная красный";
}
});
// По умолчанию данные / элементы не могут быть перетянуты в других элементах. При падении Мы должны предотвратить элементы обработки по умолчанию
document.addEventListener ( "DragOver", функция (событие) {
event.preventDefault ();
});
// Когда перетаскивания р-элементов покидают DropTarget, сброс Див стили границ
document.addEventListener ( "DragLeave", функция (событие) {
если (event.target.className == "DropTarget") {
event.target.style.border = "";
}
});
/ * Для получения капли, предотвратить браузер обработка данных по умолчанию (в ссылке падение включена по умолчанию)
Сброс выходной цвет границы и цвет текста в DIV
Используйте dataTransfer.getData () метод, чтобы получить отпущенных данных
Элемент данных Швабра ID ( "drag1")
Дополнительные элементы к элементу перетаскивания * /
document.addEventListener ( "капля", функция (событие) {
event.preventDefault ();
если (event.target.className == "DropTarget") {
document.getElementById ( "демо") style.color = ".";
event.target.style.border = "";
вар данные = event.dataTransfer.getData ( "Текст");
event.target.appendChild (document.getElementById (данные));
}
});