一：拖曳

1、添加属性：

<div class="drag" dragable="true"></div>  // 表示可拖曳元素

2、元素拖曳事件：

// 都会触发冒泡事件
ele.dragstart = function () {}   // 拖曳开始
ele.ondrag = function () {}  // 拖曳过程中
ele.ondragend = function () {}  // 拖曳结束

拖动的元素经过某一块区域触发的事件：

// 阻止冒泡事件e.preventDefault();
ele.ondragenter = function () {}  // 表示进入这一区域触发的事件
ele.ondragleave = function () {}    // 表示离开这一区域出发的事件
ele.ondragover = function () {}    // 当拖动的元素位于放置目标之上时，发生此事件。
ele.ondrop = function (e) {
  console.log(e.dataTransform)  // 保存的是拖曳的目标对象
}      // 当将拖动的元素放置在放置目标上时，发生此事件。