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

来源:4-8 video-javascript(5)

慕粉2031048644

2020-06-21 19:45:34

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

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

这样是否重复了呢?

http://img.mukewang.com/climg/5eef483408c71df808760319.jpg

http://img.mukewang.com/climg/5eef48350880047d08930602.jpg


写回答

1回答

好帮手慕久久

2020-06-22

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

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

所以它们之间并不重复。

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


0

0 学习 · 6815 问题

查看课程