如何使用js实现图片来回拖动

新建一个html文件，命名为test.html，用于讲解实现图片来回拖动的方法。

在test.html页面，创建两个div块，在一个div标签内使用img创建一张图片。用于实现图片在两个div块之间移动。

为了展示明显的效果，使用css对两个div块和img进行布局，给div设置宽高，同时给它一个边框。

给两个div绑定ondrop（）拖动事件，当有图片被拖动到div时，将图片放到div内。代码如下：

给两个div绑定ondragover（）拖动中事件，实现允许图片在两个div内移动。代码如下：

设置img图片标签的draggable属性为true，并且使用ondragstart（）事件绑定图片，使得图片可移动。