在拖动目标（源元素）上触发事件：
ondragstart触发当用户开始拖动元素
阻力-元素触发当元素被拖动
ondragend -用户完成触发元件拖后
当目标被释放时触发的事件：
ondragenter -触发此事件当对象被鼠标拖进入容器的范围
ondraver -触发此事件时，拖动对象拖在另一个容器对象的范围
ondragleave -触发此事件当对象被鼠标拖叶其容器范围
产品-触发此事件时，鼠标拖动过程中释放
上面的代码
拖
。箱{宽度：800px；身高：600px；浮动：左；}
# box1 {背景颜色：# CCC；}
# Box2 {背景颜色：# 000；}
无功box1div，box2div，msgdiv，img1；
在window.onload =函数（）{
box1div = document.getelementbyid（'box1）；
box2div = document.getelementbyid（'box2）；
msgdiv = document.getelementbyid（'msg）；
img1 = document.getelementbyid（'img1）；
box1div.ondraver =功能（e）{ e.preventDefault（）；}
box2div.ondraver =功能（e）{ e.preventDefault（）；}
img1.ondragstart =功能（e）{ e.datatransfer.setdata（'imgid '，'img1 '）；}
box1div.ondrop = dropimghandler；
box2div.ondrop = dropimghandler；
}
功能dropimghandler（e）{
showobj（E）； / /获得拖放的所有信息
showobj（e.datatransfer） / /获取文件；
E.preventDefault（）；
VaR img = document.getelementbyid（e.datatransfer.getdata（'imgid '））；
e.target.appendchild（IMG）；
}
功能showobj（obj）{
var=；
（VaR K为OBJ）{ K + =+ obj { } + K；}
msgdiv.innerhtml = S；
}
这个功能是可以把图片拖到两个div左右的方法，我觉得没用，可以用作哈尔滨。
以下是拖动上传代码，和后端PHP获取_files美元
拖放上传
#imgContainer{background:#ccc; width:500px; height:500px;}
无功imgcontainer，msgdiv；
在window.onload =功能（e）{
imgcontainer = document.getelementbyid（'imgcontainer）；
msgdiv = document.getelementbyid（'msg）；
imgcontainer.ondraver =功能（e）{
E.preventDefault（）；
}
imgcontainer.ondrop =功能（e）{
E.preventDefault（）；
var = e.datatransfer文件{ 0 }；
它可以访问文件，特别想用几个文件处理自己，将POST请求发送到后端处理行！
以下是 / /在imgcontainer显示过程中对图片的访问后
FileReader =新（有/无功）；
（）{ / /有指针的功能。
/ / imgcontainer.innerhtml =
}
/ / filereader.readasdataurl（F）；
/ / showobj（E）； / /上传信息显示
/ / showobj（e.datatransfer。文件）；
}
}
功能showobj（obj）{
var=；
（VaR K为OBJ）{ K + =+ obj { } + K；}
msgdiv.innerhtml = S；
}
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。
