HTML5 拖放(Drag 和 Drop)详解与实例代码

2020-04-24 19:17:40易采站长站整理

</body>

火狐浏览器拖拽问题

但是进行到这儿在火狐浏览器中发现一个问题:

html5的拖拽,用了preventDefault防止弹出新页面,但在火狐下不管用?

解决办法:


document.body.ondrop = function (event) {
event.preventDefault();
event.stopPropagation();
} 

或者对于上面的实例中,添加到ondrop方法里面也是可以的:


function drop(ev){
ev.preventDefault();
ev.stopPropagation();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}