1回答

好帮手慕夭夭

2020-03-30

已采纳

同学你好，问题解答如下：

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

this.offsetLeft返回 元素距离已定位的父元素左侧的距离。

如下绿色表示的就是this.offsetLeft ，紫色表示的是ev.clientX。

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

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

如下图所示：

红色线就是needX，即圆点到进度条左侧起点的距离 。而CrlNode.style.left 就是为圆点设置left值，即圆点现在的位置：

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

7