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

说说步骤吧

监听mousedown事件

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

- 设置flag做标记

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

- 监听鼠标移动事件

- 判断flag

- 移动tempDOM

- 监听mouseup事件

- 判断flag标记

- 清楚flag标记

- 获取DOM排列顺序

- 重排

第一步： 在页面查看源代码，把Form中包含的需要填列的HTML控件找出来如：

<form name="mainfrm" action="" method="post">

<input type="text" name="username"/>

<input type="submit" value="submit"/>

</form>

第二步：编写代码 </strong>javascript:mainfrm.username.value="stangray"mainfrm.submit.focus()

第三步： 打开浏览器的“收藏夹”,在“链接”分类中添加一个URL收藏。

在URL项中：加入上面编写的代码,也可以指定快捷键，在名称中填写“自动填表”

第四步：测试在浏览器中打开你要填写表单的网址，然后点击“链接”栏(这个菜单栏在输入地址栏的右边<a href="http://www.codesky.net" class="hden">， 取消锁定工具栏后自动填表”链接。

---