请问一下这里的l和needX分别代表什么

来源:4-7 video-javascript(4)

阿拉灯神丁丁

2019-06-15 10:46:02

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

我看了半天,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>

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

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

如果帮助到了你,欢迎采纳!

祝学习愉快!

1

0 学习 · 6815 问题

查看课程