老师 请问 拖拽进度条按钮 和 timeupdate 这两部分代码是否有重复呢?

老师 请问 拖拽进度条按钮 和 timeupdate 这两部分代码是否有重复呢?

如果进行 拖拽进度条按钮 的操作  在 onmousemove 事件中已经更改了CrlNode和LineNode

同时由于播放位置更改   在timeupdate事件中 又再一次更改了CrlNode和LineNode

这样是否重复了呢?

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

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


正在回答

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

1回答

同学你好,白框内的代码是不重复的,如下:

鼠标拖拽时,触发的是onmousemove事件,在该事件中会动态改变进度条和CrlNode的位置(目的是可以直观的看到拖动进度),由于该事件中没有改变video的currentTime,所以此时video的“timeupdate”事件并没有触发,即进度条的改变是在onmousemove事件中完成的;当拖拽结束,onmousemove事件结束,触发onmouseup事件,在该事件中改变了video的currentTime,触发了timeupdate事件,此时,将进度条的改变交给video的timeupdate事件。

所以它们之间并不重复。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

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

在线咨询

领取优惠

免费试听

领取大纲

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