使用js实现的简单拖拽效果_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 3:12:48 共计：3583 浏览

使用js实现的简单拖拽效果？

dnd.js主要提供了两个对象给我们使用，一个Drag，一个Drop。可以认为一个是用来拖动的元素，另外一个是用来放下的区域，实际上也确实是这么用的。

主要的使用方法：

创建一个拖动元素newDrag…，和一个拖放区域newDrop，然后在回调函数里面实现你想要的逻辑，重要的是回调函数。随着拖放动作的进行，这包括一系列的拖放动作，

对于被拖放的元素来说，动作有：

拖动开始、拖动结束，这个时候分别传送一个函数给这一事件（也就是所谓的回调函数），这个函数只能接受一个参数，我们假设这个参数名字是params,params中的内容几乎可以让你进行无限的操作。那么先看看params有哪些,你又可以怎样操作你的拖放过程呢？

data:Drag对象包含的数据，这个必须是数字？

el:指向页面的元素和相关的css属性等

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。