表单拖拽设计控件

2023-03-04 19:29:22 来源:网络

表单拖拽设计控件

js 拖拽控件生成自定义表单 怎么实现

说说步骤吧

监听mousedown事件

- 获取鼠标点击元素,判断是否可拖拽

- 设置flag做标记

- 建一个tempDOM,与拖拽的DOM内容相同,并添加相应样式

- 监听鼠标移动事件

- 判断flag

- 移动tempDOM

- 监听mouseup事件

- 判断flag标记

- 清楚flag标记

- 获取DOM排列顺序

- 重排

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除

@轻流