HTML5如何实现拖放功能

1、首先我们准备一个HTML结构，然后在HTML中放置一个div，如下图所示

3、然后我们给div框定义一些样式，如下图所示，定义了边框以及宽高

5、然后就定义drag脚本方法，他是在ondragstart事件中触发的方法，如下图所示

7、综上所述，HTML5实现拖放功能，主要是实现ondrop事件以及ondragstrat事件