HTML5如何實現元素拖曳_html5教學技巧

很多前端恐怕都不了解HTML5的拖曳怎麼實現吧，本文了解了下思路。進行整理備份，以便日後查閱。

先上範例：

index.html

XML/HTML Code複製內容到剪貼簿

1. html>  
2. html>  
3. 頭>  
4.     元 字符集 字符集 字符集
 
5. 字符集 字符集 字符集 字符集>  
6.     標題>拖動
7. 標題
>
8.   
9.     
樣式>
10.   
11.   
        .box{   
            寬度：400 像素；   
             高度：400 像素；   
             浮動：向左；  
        }   
17.         #box1{                背景：#CCC；  
        }   
18.         #box2{                背景：#FF0；  
        }   
19.     樣式>
  
20.    頭>   身體>  
21. div id=id=id=id> 🎜> 類=“盒子”>
22. div >   div id=id=id=id=id=id

=

id

=id=

id 類=“盒子”>div >   img src="http: / /pica.zol-img.com.cn/2016/02/1ace90ad77db716547614a18c4a9263g.jpg" alt alt alt id="img1" />  🎜> JavaScript 程式碼 將內容複製到剪切板

1. <script><span class="string">"app1.js"</script>>