前端拖拽API你会用了么

[复制链接]
发表于 2025-12-4 08:12:09 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
各人好,本日跟各人分享一个小知识,前端页面的拖拽效果。这个效果可以说照旧很常见的,比如说玩一些游戏的时间,将装备直接拖拽到肯定地域就会丢掉大概装备上,再比如说一个列表,通过拖拽排序等。那么本日我们就从最简单的列表拖拽来相识它的实现。
认识一些拖拽API

     API                  dragable = 'true'    表现某个元素是可以拖动的(简单来说,元素有这个属性,就可以拖动了)          ondragstart    用于处置处罚元素开始被拖动时触发的干系利用变乱(字面意思,你在拖动它的时间,想让它干什么,在此时界说。比如改变css等)          ondragenter    被拖动的元素进入到有效的放置目的地域时触发(简单来说,我们拖拽的这个元素,进入到一个地域可行的地域的时间,此时会触发什么。比如我们游戏点击一个装备拖拽到地域内可以装上(此时还没有放手),来到这个地域有个提示可以装)          ondragend    变乱会在被拖动的元素竣事拖动利用时触发,也就是当用户松开鼠标按键(简单来说,你松开鼠标的时间要触发的变乱界说在此。接着上个例子:装备拖到此地域,然后放手装上了)          【额外相识】              e.target.nextElementSibling    获取触发当前变乱的谁人元素的下一个同级兄弟元素(字母意思比力好明白,同时可以通过这个API去设置一个元素的下一个元素是什么,这个会在我们的这次测  
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表