js层拖拽 兼容IE、火狐 [最少代码][完美解决]

youryida youryida 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
一个简单的拖拽研究了快一周,恶心的我呦...好在终于整明白了,下面和大家一起交流下。

拖拽原理:
鼠标按下时,记录当前鼠标和拖动层的坐标,并且拖动状态设为可拖动;
鼠标移动时,判断拖动状态,如果可拖动,那么根据当前的鼠标坐标以及鼠标按下时记录的初始坐标,计算出拖动层的位置,实行拖动;
鼠标弹起时,将拖动状态改为不可拖动。

遇到的问题:
1.移动较快时,拖拽失效;
2.火狐中,拖拽动作与浏览器的某些功能有冲突,导致动作不流畅或失效;

下面我一步步的把我的修改过程贴出来,大家一起交流啊~

...全文

相关推荐

评论 30
收藏 已收藏
分享
返回顶部
youryida
JavaScript 87,984 成员 224,681 内容