由于公司需要,需要制作了一个div拖动的功能,经过各种百度后终于完成了,记录一下操作步骤,也希望给大家带来一些便捷。

   首先我先描述一下我做的功能要达到的效果,其实就是制作一个在线编辑电子证书模板的功能,用户可以自己的添加各种文本,图片,印章,而且可以随意的在模板上拖动。

   由于是多个div 可以随意拖动,所以把拖动的代码都封装成了一个方法。

 

2.创建最外层的一个固定大小的div,然后通过点击div给div添加鼠标事件。position:absolute;绝对定位很重要。一定要写。

 

相关文章: