drag事件，html5新特性
拖放
拖放是一种常见的特性，即抓取对象以后拖到另一个位置。
在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
drag事件的使用
1.将元素设置为可拖放
将属性draggable设置为true
draggable="true"
2.拖动的是什么
在元素拖放的过程中会发生什么？
其实拖动的是元素的数据
通过 event.dataTransfer.setData()方法可以设置拖动的数据类型和值
function drag(e) {
e.dataTransfer.setData('Text',e.target.id)//通过id获取元素数据
}
3.拖到哪里-ondragover和ondrop
可以理解为：
ondragover----拖到哪里
ondrop----放置
在元素被放置的元素上监听ondragover()事件
同时监听ondrop()事件
这里需要注意的是，ondrop事件和ondragover事件都必须阻止事件默认行为（drop的默认事件是以链接形式打开）的发生，否则最终的事件将无效
<div id="box" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"></
最低0.47元/天 解锁文章
3731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
