在页面中 js 获取光标/鼠标的坐标,获取光标的的像素坐标-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

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

简介: 近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。 例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧。 好了,上肉: 功能:获取光标的的像素坐标 <html> <head> <script type="text/javascript"> fun

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

例如这次的,页面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  onmousemove="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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章