vue+html5+原生dom+原生JavaScript实现跨区域拖放

1、关键代码

// 放 function drop(ev) { let data = ev.dataTransfer.getData("Text"), i = ev.path[1].getAttribute("i"), text = document.getElementById(data).cloneNode(true).innerText.trim(); if (i == null) return alert('请放置在文件名上'); if (app.fileS[i].divs.includes(text)) return alert('不能放重复数据'); app.fileS[i].divs.push(text); for (let is = 0; is < app.fileS.length; is++) { if (i == is) { app.fileS[is].isShow = true; } else { app.fileS[is].isShow = false; } } }; 

2、完整代码

gitee(码云) - mj01分支 - copyDragAndDrop 文件