老师有个问题

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

宝慕林3013065

2020-07-14 13:54:38

同学你好,问题解答如下:

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

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

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

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

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

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

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

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

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

如下图所示:

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

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

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

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


对于这个没太看明白,needX不就等于绿色的线了么,还减一下干嘛?

写回答

1回答

好帮手慕夭夭

2020-07-14

同学你好,needX没有再减去任何值了,这里就是把needX设置为圆点的left值了。同学有什么疑惑,请详细描述一下,具体哪一句代码不懂,以便老师为你解答。

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

祝学习愉快~

0

0 学习 · 6815 问题

查看课程