拖拽功能
本话题发布拖拽功能相关的问答文章和技术分享，将持续更新，为您推荐了11篇问答，访问即可查看更多精彩内容。
-
1
回答
37浏览
拖拽树形结构时子节点位置错乱怎么办？
我在用原生 JS 实现一个可拖拽的树形菜单，父节点展开后拖动子节点，结果一松手子节点就跑到根节点下面去了。 我试过在 drop 事件里打印目标节点，发现 e.target 指向的是父容器而不是具体的子...
-
1
回答
36浏览
Sortable.js 拖拽后怎么获取新的排序顺序？
我用 Sortable.js 实现了一个列表的拖拽排序，但不知道拖完之后怎么拿到最新的顺序。试过在 onEnd 回调里打印 evt.newIndex，但这只能拿到单个元素的位置变化。 有没有办法直接获...
-
1
回答
48浏览
拖拽看板时元素位置错乱怎么办？
我在用原生 JS 实现一个看板拖拽功能，但每次拖动卡片后，它总是跑到奇怪的位置，根本不是鼠标放下的地方。我试过用 event.clientX 和 event.clientY 设置位置，但好像没考虑滚动...
-
2
回答
32浏览
Dragula在Vue中拖拽后数据没更新怎么办？
我在用 dragula 做一个任务看板，拖完卡片后 DOM 看起来移过去了，但 Vue 里的数组顺序根本没变，导致保存时还是原来的数据。我试过在 drake.on('drop') 里手动 splice...
-
1
回答
41浏览
拖拽时 DataTransfer 的 setData 不生效？
我在做拖拽上传功能，想通过 setData 传个文件 ID，但 drop 事件里用 getData 拿不到值，一直是空字符串。 我试过在 dragstart 里这么写： event.dataTrans...
-
2
回答
44浏览
Nestable 拖拽后怎么获取更新后的层级结构？
我用 Nestable 实现了一个可拖拽的树形菜单，但拖完之后不知道怎么拿到最新的嵌套结构。文档里说要用 serialize 方法，但我调用后返回的是空数组，是不是哪里没初始化对？ 我初始化的代码是这...
-
2
回答
387浏览
拖拽时 DataTransfer 的 setData 为什么在 onDragStart 里没生效？
我在 React 里做拖拽功能，想通过 setData 传一个自定义 ID，但 drop 的时候用 getData 拿不到值，一直是空字符串。是不是我写法有问题？ 试过把 e.dataTransfer...
-
2
回答
33浏览
interact.js 拖拽在 Vue 中无法触发 onmove 事件？
我在 Vue 项目里用 interact.js 做拖拽，但拖动时 onmove 回调完全没反应，是哪配置错了？ 已经按文档加了 draggable，也绑定了 listeners，但就是不进 onmov...
-
2
回答
71浏览
为什么我的drop事件触发后拿不到拖拽文件数据？
我在做一个文件拖拽上传的功能，给div绑定了dragover和drop事件。但发现当文件拖进区域时，drop事件里的e.dataTransfer.files一直是空的。已经试过在dragover里调用...
-
2
回答
62浏览
拖拽看板卡片到其他列时，位置总是偏移怎么办？
我在实现看板卡片拖拽时遇到个怪问题，当把卡片拖到不同宽度的列时，它的垂直位置会突然跳动，看起来特别不连贯。 我试过在dragover事件里用客户端坐标计算top值，但不同列宽度导致定位不准。比如左边列...
-
2
回答
78浏览
拖拽元素在网格中移动时如何避免位置跳动？
我在用React实现网格拖拽功能，当拖拽元素靠近网格线时会突然跳动一下，调整过offset和transform还是解决不了，求大佬看看哪里不对： const GridItem = ({ x, y, i...
