vue+html5+原生dom+原生JavaScript实现跨区域拖放
Posted web半晨
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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、完整代码
以上是关于vue+html5+原生dom+原生JavaScript实现跨区域拖放的主要内容,如果未能解决你的问题,请参考以下文章