HTML5如何实现元素拖拽_html5教程技巧

很多前端恐怕都不了解HTML5的拖拽怎么实现吧，本文了解了下思路。进行整理备份，便于以后查阅。

先上示例：

index.html

XML/HTML Code复制内容到剪贴板

1. /span>>
2. html>
3. head>
4. meta charset="UTF-8">
5. title>Dragtitle>
6. style>
7. .box{
8. width: 400px;
9. height: 400px;
10. float: left;
11. }
12. #box1{
13. background: #CCC;
14. }
15. #box2{
16. background: #FF0;
17. }
18. style>
19. head>
20. body>
21. div id="box1" class="box">div>
22. div id="box2" class="box">div>
23. img src="http://pica.zol-img.com.cn/2016/02/1ace90ad77db716547614a18c4a9263g.jpg" alt="" id="img1" />

JavaScript Code复制内容到剪贴板

1. >