本文介绍了在HTML 5中拖放(替换)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有菜单从哪里可以拖动元素并放入另一个div,它的工作原理。但我如何才能更换元素?

i have menu from where can drag elements and drop into another div, it works. But how i can do the replacement of elements??

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function OnDragEnter (){
}
function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    var nodeCopy = document.getElementById(data).cloneNode(true);
    nodeCopy.id = "newId";
    ev.target.appendChild(nodeCopy);
}


推荐答案

试试这个:

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.removeChild(ev.target.childNodes[0]);
    ev.target.appendChild(document.getElementById(data));
}

这篇关于在HTML 5中拖放(替换)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-13 12:28