Question

easy ui 布局拖拽功能实现

左边栏提供一些工具，直接拖拽到右边区域，形成一个html，如下图，得在web网页中实现

Answer 1

easy ui 布局拖拽功能实现
拖拽原理
首先要明确几个概念。
　　ource：拖拽源，要拖动的元素。

　　taerget：拖放目标，能够放入source的容器。
拖拽的动作分解如下：
　　1. drag
start：在拖拽源(source)上按下鼠标并开始移动
　　2. drag move: 移动过程中
　　3. drag enter:
移动进入目标(target)容器
　　4. drag leave: 移出目标(target)容器
　　5. drop:
在目标(target)容器上释放鼠标
　　6. drag end: 结束

在html5之前，页面元素不直接支持拖拽事件。所以都是通过监听鼠标事件并记录拖拽状态的方式来实现拖拽功能。