在页面中 js 获取光标/鼠标的坐标，获取光标的的像素坐标

最新推荐文章于 2023-07-07 14:47:13 发布

风.foxwho

最新推荐文章于 2023-07-07 14:47:13 发布

阅读量3.5k

点赞数

分类专栏： javaScript jquery或其他框架文章标签： js html

jquery或其他框架同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

javaScript

21 篇文章 0 订阅

订阅专栏

近期为网站开发页面统计，以前虽然也开发过，但是功能不是很全，所以这次把一些好功能给用上。

例如这次的，页面JS光标/鼠标坐标，你也许问着有什么用，百度统计中有个热点统计图，这下清楚明白了吧。

好了，上肉：

功能：获取光标的的像素坐标

<html>
	<head>
		<script type="text/javascript">
			function showPosition(e){
				var x,y; 
				var e = e||window.event; 
				
				document.getElementById("x").value = e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;
				document.getElementById("y").value = e.clientY+document.body.scrollTop+document.documentElement.scrollTop
							
			}
		</script>
	</head>
	<body>
		<div  οnmοusemοve="showPosition(event);" style="height:100%; width:100%;">
			x:<input id="x" type="text" value="" />
			y:<input id="y" type="text" value="" />
		</div>
	</body>
</html>

好肉来自： http://www.oschina.net/question/185906_71425