拖拽排序练习 | 星雨笔录
在拖放后更新元素或数据顺序。
核心: 拖放排序从 dragstart 保存被拖元素,到 drop 时移动节点或重排数组。
最小示例:
let dragging;
list.addEventListener('dragstart', e => dragging = e.target.closest('li'));
list.addEventListener('dragover', e => e.preventDefault());
list.addEventListener('drop', e => { e.preventDefault(); const li = e.target.closest('li'); if (li && li !== dragging) li.before(dragging); });
学完能做: 在拖放后更新元素或数据顺序。