在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。

通过给标签元素设置draggable="true"属性来开启元素的可拖拽功能,链接和图片默认是可拖拽的,不需要设置draggable属性。

拖拽API相关事件,属于鼠标事件,事件对象记录着跟鼠标相关的所有信息。

浏览器支持情况:IE 8+、Firefox 3.5+、Chrome 4+、Safari 3.1+、Opera 12.1+、IOS Safari 11.2+,不支持:Android。

在IE9~IE11中,event.dataTransfer.setData和event.dataTransfer.getData不能使用"text/plain",否则会报错,需要使用"text"代替。

在IE9中,draggable属性只针对链接和图片,其他元素必须通过.dragDrop()方法开启拖拽。

item1
item2
item3