在页面中 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

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

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
4071 0
【js 方法】js 页面刷新location.reload和location.replace的区别 【转】
【转】:http://zccst.iteye.com/blog/2162658   reload 方法,该方法强迫浏览器刷新当前页面。 语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。
821 0
获取Google的页面代码
#!/usr/bin/pythonimport urllibgoogle=urllib.urlopen('http://www.google.com')print 'http header:/n',google.
441 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4495 0
ExtJs6 loader 引入html页面不执行页面内js的解决办法
如题: extjs4的代码 到了ext6不执行了 ext4代码:                 loader: {                    url: me.
926 0
js页面跳转整理
总结一:js页面跳转1.window.location.href 方式               window.location.href="target.aspx";     2.
485 0
requirejs 多页面,多js 打包代码,requirejs多对多打包【收藏】
这段代码来自 http://stackoverflow.com/questions/20583812/grunt-requirejs-optimizer-for-a-multi-app-project 以前用 requirejs和r.js  也做过打包demo, demo 大家懂得,1个页面10多个js。
812 0
+关注
222
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载