求助 js实现拖拽功能请各位给点指点

jonlys 2012-03-09 09:26:25

我这里有个list 现要拖拽其中任何一个item，然后放到其他item的上边或下边重新排序
注我这里之前list是按照时间排序的
请各位给点指点

...全文

69 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文介绍了Sortable.js这一功能强大的JavaScript拖拽库，它可用于创建网页上的可拖放和可排序元素，具有兼容性好、简单、零依赖等特性。文中还介绍了其安装方式、配置项，通过Vue实战展示应用效果，最后总结该库功能丰富、社区活跃，值得选用。

本文通过两个方法详细介绍了如何使用JavaScript实现HTML元素的拖拽功能，包括鼠标按下、移动和释放时的处理逻辑，并解释了代码兼容性和浏览器默认行为的处理。同时，讨论了clientX、offsetX和screenX的区别。

本文介绍了用原生JavaScript实现拖拽功能的方法。主要依赖鼠标按下、移动、释放三个事件，通过监控鼠标事件和更新元素位置来实现。还阐述了基本实现步骤，包括定义HTML和CSS结构、编写JS代码，同时介绍了优化功能，如添加边界限制、防止文本选择、减少重绘和回流等。

本文介绍了如何在H5中利用draggable属性实现拖拽功能，通过HTML结构、CSS样式和JavaScript事件处理展示了图片的拖放操作，包括拖动开始、移动、结束及放置过程。

本文介绍了如何使用原生JavaScript实现盒子拖拽功能。通过onmousedown、onmousemove和onmouseup事件，获取鼠标坐标和盒子位置，计算并更新盒子坐标，实现拖拽效果。拖拽过程中，鼠标抬起时清除移动事件。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章