案例 —— Html5实现列表拖放

需求：通过H5的拖放api，实现对列表的拖放替换效果。

思路：
1、为每个li添加draggable=“true”，实现每个li可拖动
2、为每个li添加自定义属性id，方便知晓选中的是哪条li
3、利用dataTransfer对象，在拖动某条li时，将当前li的id存起来
4、在drop释放事件中，通过自定义属性id，选中被拖动的li，利用insertBefore() 方法实现li的替换
5、通过ondragenter与ondragleave设置鼠标停留时，当前li的样式

HTML

<ul class="ul-list">
	<li draggable="true" class="item">葫芦娃</li>
	<li draggable="true" class="item">直到世界的尽头</li>
	<li draggable="true" class="it