元素的拖拽属性drag

拖拽属性（drag）： 是指鼠标点击源对象后，不松手将其拖拽到目标对象或者半途释放的过程（是H5的新属性）

• 源对象：指鼠标点击的内容
• 目标对象：指拖动源对象预计进入的区域

源对象可触发的事件：

• ondragstart 源对象开始被拖动
• ondrag 源对象拖拽中（松手时无法读取鼠标的坐标，x,y会变成0，需要添加if判断来选择将其不赋值给元素）
• ondragend 源对象拖拽结束

源对象进入目标对象时触发的事件：

• ondragenter 进入目标对象触发
• ondragover 在目标对象上方悬停触发
• ondragleave 拖动离开目标对象时触发
• ondrop 在目标对象上释放时触发

box.ondragstart = function (ev) { }
event.dateTransfer数据传递对象

• setDate 设置数据（将value值存贮在key中）
• getDate 获取数据（通过key获取对应的value值）

若要使用拖拽属性，需要将元素标签自带的draggable属性设置为true
<div id="box" draggable="true"></div>
若要使用ondrop，需要在ondragover中阻止默认事件

---

JSON对象方法
用于转换字符串类型和对象类型
将对象类型转换为字符串类型：JSON.stringify(对象)
将字符串类型转换为对象类型：JSON.parse(字符串)