拖放
拖放是一种常见的特性,即抓取对象以后拖到另一个位置。
在 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可拖动