请问一下这里的l和needX分别代表什么
来源:4-7 video-javascript(4)
阿拉灯神丁丁
2019-06-15 10:46:02

我看了半天,l是不是代表鼠标按下的位置到这个小圆点的左侧的距离,
needx代表进度条最左侧到小圆点的左侧这段距离,这样理解对吗?
1回答
Miss路
2019-06-15
同学,你好。
可以参考标注:
<script>
CrlNode.onmousedown = function(e){
//是一个兼容性写法,每个事件函数都有一个event对象
var ev = e || event;
//offsetLeft是一个元素到父级左边的距离,就是鼠标按住的点到最左边的距离
//clientX返回当事件被触发时鼠标指针相对于浏览器页面(或客户区)的水平坐标。
//l是获取crlNode中心点距离页面左侧的距离
var l = ev.clientX -this.offsetLeft;
document.onmousemove = function(e){
var ev = e || event;
//needX是拖动按钮定位left值
var needX = ev.clientX - l;
CrlNode.style.left =
};
document.onmouseup = function(){
document.onmousemove = document.onmouseup = null;
};
};
</script>

如果帮助到了你,欢迎采纳!
祝学习愉快!
相似问题
回答 1
回答 1