【JS】拖放代码中的获取节点的方法
.on("drop",function(e){var obj=e.originalEvent.dataTransfer.getData("com");
//e.target.append(document.getElementById(obj));
//e.target.append($("#"+obj).get(0));
//console.log(document.getElementById(obj));
//console.log($("#"+obj).prop("outerHTML"));
$(this).removeClass("dragging")
e.preventDefault();
})
.on("dragover",function(e){
$(this).addClass("dragging")
e.preventDefault();
})
.on("dragleave",function(e){
$(this).removeClass("dragging")
e.preventDefault();
})
以上//注释部分注意点:
1、e.target.append(document.getElementById(obj))正解,但属于原生。
用jquery替代方法是:
2、e.target.append($("#"+obj).get(0));
较为简洁,切记不可以用:
3、$("#"+obj).prop("outerHTML")
用console.log显示,虽然内容是一致,但有区别,1、2、是对象的拖入,3、是字符串的拖入。
您需要学习的知识点:
【Jquery】HTML字符串与DOM对象相互转换
http://wh.ac.cn/forum.php?mod=viewthread&tid=2902&fromuid=1
(出处: 弘帝企业智能建站系统交流平台)
页:
[1]