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


Posted in Javascript onNovember 11, 2013

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

例如这次的,页面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>
Javascript 相关文章推荐
javascript 短路法代码精简
Aug 20 Javascript
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
js控制table合并具体实现
Feb 20 Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 Javascript
jquery实现的判断倒计时是否结束代码
Feb 05 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 Javascript
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
Vue中 key keep-alive的实现原理
Sep 18 Javascript
微信小程序发送短信验证码完整实例
Jan 07 Javascript
js中关于一个分号的崩溃示例
Nov 11 #Javascript
javascript中怎么做对象的类型判断
Nov 11 #Javascript
jquery隐藏标签和显示标签的实例
Nov 11 #Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 #Javascript
javascript垃圾收集机制与内存泄漏详细解析
Nov 11 #Javascript
JavaScript对内存分配及管理机制详细解析
Nov 11 #Javascript
javascript内存管理详细解析
Nov 11 #Javascript
You might like
用libTemplate实现静态网页的生成
2006/10/09 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
php通过COM类调用组件的实现代码
2012/01/11 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
PHP基于面向对象实现的留言本功能实例
2018/04/04 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
Array.slice()与Array.splice()的返回值类型
2006/10/09 Javascript
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
2016/07/25 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
JS中跳出循环的示例代码
2017/09/14 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
Javascript原生ajax请求代码实例
2020/02/20 Javascript
js实现无缝轮播图效果
2020/03/09 Javascript
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
python 图片验证码代码分享
2012/07/04 Python
Python实现的rsa加密算法详解
2018/01/24 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
COS美国官网:知名服装品牌
2019/04/08 全球购物
护士个人简历自荐信
2013/10/18 职场文书
高中军训感言400字
2014/02/24 职场文书
一年级学生期末评语
2014/04/21 职场文书
推广普通话演讲稿
2014/05/23 职场文书
机械工程及自动化专业求职信
2014/09/03 职场文书
银行招聘自荐信
2015/03/06 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
MySQL COUNT函数的使用与优化
2021/05/10 MySQL
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android