老师帮忙看一下

正在回答 回答被采纳积分+1

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

2回答
好帮手慕码 2020-09-06 16:43:41

“weibo_我是LUFFCIER_0”你好,是没有问题的。回复一中提到,绿色表示this.offsetLeft的宽度:

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

即按钮到进度条左侧的距离。

祝学习愉快~

好帮手慕粉 2020-04-22 11:24:26

同学你好,关于同学的问题回答如下:

1、ev.clientX返回当事件被触发时鼠标指针向对于浏览器页面水平坐标。

this.offsetLeft返回 元素距离已定位的父元素左侧的距离,如下绿色表示的就是this.offsetLeft ,紫色表示的是ev.clientX:
http://img1.sycdn.imooc.com//climg/5e9fb89809983ac708980085.jpg

所以l表示的就是如下蓝色区域:

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

2、当鼠标移动时,用鼠标距离浏览器左侧的坐标减去l就是圆点应该设置的left值:

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

红色线就是needX,即圆点到进度条左侧起点的距离。

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

  • 老师,我用console.log输出this.offsetLeft,为什么得出的数值是进度条按钮到进度条左边的距离?
    2020-09-06 16:20:30
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星

相似问题

登录后可查看更多问答,登录/注册

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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