真实进度条长度问题
来源：7-5 自定义audio-js（2）
慕标5156652
2020-07-20 22:48:35
progessNode.onclick=function(e){
var ev=e||evevt;
console.log(ev.clientX);
console.log(ev.clientX-(this.offsetLeft+outerNode.offsetLeft));
}
ev.clientX这一截长度指是哪里？
this.offsetLeft这一截长度指是哪里？
outerNode.offsetLeft这一截长度指是哪里？
画白色与黄色相交点是我点击的位置
黄色的那一段距离是 this.offsetLeft这个距离吗？
红色的那一段距离是outerNode.offsetLeft这个距离吗？
蓝色这一段距离是ev.clientX这个距离吗？
那console.log()是那一段距离呢
写回答
1回答
-
好帮手慕星星
2020-07-21
同学你好，可以参考下图
蓝色这一段距离是ev.clientX，红色的那一段距离是this.offsetLeft，橘色是outerNode.offsetLeft（大盒子的左侧距离），黄色是输出的，也就是进度条长度。
自己测试理解下，祝学习愉快！
0
