e.pageX,e.clientX.e.screenX.offsetLeft,scrollTop事件的区别

最新推荐文章于 2021-07-14 20:17:56 发布

孤鸿影来

最新推荐文章于 2021-07-14 20:17:56 发布

阅读量2.5k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/function_key/article/details/51767886

版权

JavaScript 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>client</title>
</head>
<body>
	<script>
		document.onmousemove = function(e){
			var e = event||window.event;
			document.write(e.pageX);//相对于浏览器左上角
			document.write(e.clientX);//相对于浏览器左上角
			document.write(e.screenX)//相对于屏幕

		}
		//e.pageY如果有上下左右滚动条的话，e.pageY会累加滚动条的长度，而e.clientY不会
		//style.left是字符串。计算一般用offsetLeft
		//offsetHeight是对象属性，如果父元素有定位，(position:absolute/relative)那么它就是相对于父元素的。如果父元素没有定位，那么就是相对于body的
		//scrollTop页面利用滚动条滚动到下方时，隐藏在滚动条上方页面的高度。
	</script>
</body>
</html>