有没有大佬给我讲解一下这个

Question

function allowDrop(ev) {

ev.preventDefault();

}

var srcdiv = null;

var temp = null;

//当拖动时触发

function drag(ev, divdom) {

srcdiv = divdom;

temp = divdom.innerHTML;

}

//当拖动完后触发

function drop(ev, divdom) {

ev.preventDefault();

if (srcdiv !== divdom) {

srcdiv.innerHTML = divdom.innerHTML;

divdom.innerHTML = temp;

}

}

我知道是拖拽换位 但是这具体的每一行是什么意思呢 有人能给我解答一下吗

Answer 1

allowDrop函数中，preventDefault是阻止元素的默认事件，例如button的点击之类的，这里对逻辑的理解没有帮助，忽略；

temp定义了一个中间变量，用来存储drag函数中获取到的div元素的内容，divdom.innerHTML就是获取你传入的那个元素中的html内容；

而drop函数则是当你拖动后，判断位置变化后，将元素内的内容进行了替换