js获取鼠标在页面中的坐标问题

最新推荐文章于 2024-01-28 13:11:02 发布

查理001

最新推荐文章于 2024-01-28 13:11:02 发布

阅读量1.6k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/chaoowang/article/details/21158783

版权

Javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCUMENT HTML>
<html>
	<head>
		<meta http-equiv="content-type" charset="gb1312"></meta>	
		<script type="text/javascript">
				function test(e){
					var e = e || event;
					var clientX = e.clientX;
					var clientY = e.clientY;
					alert('client position is (' + clientX + ',' + clientY + ')');
					var screenX = e.screenX;
					var screenY = e.screenY;
					alert('screen position is (' + screenX + ',' + screenY + ')');
				}
		</script>
	</head>	
	<body οnmοusedοwn="test(event);">
		
	</body>
</html>


event.clientX:鼠标距离浏览器左侧页面的距离

event.clientY:鼠标距离浏览器上部页面的距离，不算书签、收藏夹等内容，是距离纯页面的大小
event.screenX:事件属性可返回事件发生时鼠标指针相对于  屏幕  的水平坐标
event.screenY:事件属性可返回事件发生时鼠标指针相对于  屏幕  的垂直坐标

查理001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取鼠标在页面中的坐标问题

function test(e){ var e = e || event; var clientX = e.clientX; var clientY = e.clientY; alert('client position is (' + clientX + ',' + clientY + ')'); var screenX = e.screenX;
复制链接

扫一扫