HTML5 Drag和drop

拖放

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。

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

浏览器支持

Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。

注释：在 Safari 5.1.2 中不支持拖放

 

事件	描述	目标
dragstart	开始拖对象的时候触发	被拖动的对象
dragenter	该对象第一次被拖动到目标对象触发，同时表示该目标对象允许‘放’这动作	目标对象
ondragover	当对象拖动到目标对象时触发	当前目标对象
dragleave	在拖动过程中，被拖动对象离开目标对象的时候触发	先前目标对象

 

实例：

<img src="Img/img1.png" draggable="true" />

draggable 设置Img可拖动