如何使用JS实现拖放图片到div中的功能

实现图片的拖放，本家儿要利用JS中的ondrop事务和ondragover事务，下面介绍将图片拖放到div中的功能。

方式/步调

1
新建一个HTML文件，保留为test.html，用于编写代码实现拖放功能。
2
在test.html添加一个div标签，而且给它一个id，用于下面编写样式。
3
经由过程div的id , 给div界说CSS样式，例如，把div界说为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。
4
在div的下面界说一张被拖放图片，并设置该图片的属性为许可被拖放。
5
在被拖放的图片上加上一个ondragstart事务，即图片被拖动时触发这个事务。再给事务一个函数，用于拖动图片时，把图片保留在一个变量中。
6
再给div界说两个触发事务，ondrop（）和ondragover（），一个是拖动时触发，另一个正在被拖动时触发，当触发这两个事务时，执行响应的操作，把图片放在div中。代码如下：
7
运行代码，在浏览器中查看成果：
至此，完当作了利用JS实现拖放图片到div中的功能。