鼠标拖动进度条bug

鼠标拖动进度条bug

按住鼠标拖动进度按钮到外部,释放鼠标后,将鼠标重新放到进度条上依然能移动按钮,单击后恢复正常。什么原因呢?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,return  false是阻止默认事件,与进度条的拖动问题是没有关系的,添加return false是为了阻止文字被选中:

http://img1.sycdn.imooc.com//climg/5c949c9a0001dc3a00870030.jpg

如果同学不添加return  false有问题的话,可以将全部代码粘贴上来,老师帮助你测试下。

好帮手慕星星 2019-03-22 10:56:08

你好,自己写的代码和视频中一致吗?

看看是不是把mousemove事件和mouseup事件绑定在了进度条上,如果是这样的话,鼠标拖动过快超出进度条在其它地方抬起就会有bug,可以将这两个事件绑定在document页面上:

http://img1.sycdn.imooc.com//climg/5c944e9d0001a3fc06650409.jpg

如果还没有解决你的问题,建议将全部代码粘贴上来,老师帮助你测试下。

祝学习愉快!

  • 提问者 说好的远方3520891 #1
    时间绑定是对的,我的代码没有加 return false;,加上之后就不存在上述情况了,return false的含义是什么呢,我那个详细解释一下。
    2019-03-22 16:07:52
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师