东方小虾米
获得徽章 6
- #青训营笔记创作活动#
12月7日 打卡 day1
今日学习 JS手写拖拽效果
问题：元素拖拽通常采用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，但它的样式太过简陋，无法实现更高级的用户体验。
思路：利用鼠标的三个事件，在mousedown时，克隆一个绝对定位的元素，并标示为拖拽状态，接着在mousemove时判断应该执行的具体方法。在 mouseup鼠标抬起时判断是否在目标区域中，如果是则用鼠标获取到的当前的偏移量 - 初始坐标得到元素实际在目标区域中的位置。展开评论点赞