在点击进度按钮本身的时候

首页课程实战体系课手记专栏慕课教程

在点击进度按钮本身的时候

来源：7-14 播放器progress-bar进度条组件实现（下）

goleft

2018-12-24

在点击进度按钮本身的时候，发现中心点不是很正确。会多向前走一点。这个地方应该还要减去按钮自身的一般距离。

progressClick(e) {
  const rect = this.$refs.progressBar.getBoundingClientRect()
  const offsetWidth = e.pageX - rect.left - progressBtnWidth / 2
  this._offset(offsetWidth)
  // 当我们点击 progressBtn 的时候， e.offsetX 获取的不对
  // this._offset(e.offsetX)
  this._triggerPercent()
}

写回答

1回答

ustbhuangyi

ustbhuangyi

2018-12-24

http://ustbhuangyi.com/music
线上地址会有这个问题吗

1

2

Hujx

是有的

2021-02-28

共2条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

进度条结尾问题

回答 1

progressbar 按钮进度条的问题

回答 1

不是很理解，为什么点击progressBtn获取的offset是错误的

回答 1

老师，这个轮播图用最新版本的之后，自动轮播啥的直接自带了，然后用了keep-alive之后，点击歌手，再点击推荐，轮播图直接不动了，这怎么解决

回答 2

我在元素上添加@click无效

回答 1

打开慕课网App查看更多内容