上一次学习了html5的drag和drop方法，传送门 就自己写了个例子加深自己对drag和drop的理解。不过一开始不是很简单，遇到了不少问题。还好网络万能的，什么都能查到，总算完成了。
说明和详解都在代码里。
html和css代码如下：
<table> <thead> <tr> <th>年龄</th> <th>姓名</th> <th>面试时间</th> <th>面试类型</th> <th>面试官</th> <th>结论</th> </tr> </thead> <tbody> <tr> <td>33</td> <td >章三</td> <td>2018-04-04</td> <td>交互设计师</td> <td>琪琪</td> <td>待查</td> </tr> <tr> <td>20</td> <td >李四</td> <td>2018-03-07</td> <td>前端工程师</td> <td>悠悠</td> <td></td> </tr> <tr> <td>24</td> <td >王五</td> <td>2018-04-10</td> <td>java工程师</td> <td>懒懒</td> <td></td> </tr> <tr> <td>18</td> <td >六六</td> <td>2018-03-05</td> <td>UI设计师</td> <td>张施</td> <td>通过</td> </tr> <tr> <td>21</td> <td >刘灿</td> <td>2018-04-14</td> <td>交互设计师</td> <td>琪琪</td> <td>通过</td> </tr> <tr> <td>28</td> <td >李江</td> <td>2018-03-27</td> <td>前端工程师</td> <td>悠悠</td> <td></td> </tr> <tr> <td>22</td> <td >王雷</td> <td>2018-03-30</td> <td>java工程师</td> <td>懒懒</td> <td></td> </tr> <tr> <td>25</td> <td >刘哲</td> <td>2018-03-16</td> <td>UI设计师</td> <td>张施</td> <td>通过</td> </tr> </tbody> </table>
View Code
javascript代码如下：
—-想了解更多的html相关干货教程关注<计算机技术网(www.ctvol.com)!!>
<script src="本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/htm5ctutorials/110820.html