关于 播放器 进度条 点击事件 的问题
来源：5-9 播放器 进度条相关逻辑开发（下）
慕神5500151
2021-05-28
- 点击进度条最末尾处，当前时间会超过歌曲总时长，而且进度条按钮会盖住一部分歌曲总时长。（Slow 3G 模式下更明显）
- 点击进度条最开头处，当前时间不会置为00:00，只有再向左偏移一点的点击，当前时间才会置为00:00。
- 点击进度条的时候，进度条按钮总是定位在点击位置偏右一点，而不是点击的位置。（Slow 3G 模式下更明显）
请老师解答一下，谢谢~
写回答
1回答
-
ustbhuangyi
2021-05-28
这个进度条的进度并不是以圆形按钮的圆心，而是以它的左侧距离 bar 的起点算出的进度
如果你是靠点击，必须恰好点到这个 bar 的最左侧，而监听 click 就是在这个 bar 上，所以很难点到，而你靠拖动就很容易。
正因为是以圆形按钮的左侧计算，那么你点击的点就是圆形按钮左侧的落位，当然如果你想以圆形的中心为标准，那么需要加一个 1/2 圆形按钮宽度的偏移00
相似问题