js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性


Posted in Javascript onJanuary 04, 2013

通过JS得到当前焦点的坐标
如下是得到当前焦点的坐标:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 
<meta name="auther" content="fq" /> 
<title>获取鼠标坐标</title> 
</head> 
<body> 
<script type="text/javascript"> 
function mousePosition(ev){ 
if(ev.pageX || ev.pageY){ 
return {x:ev.pageX, y:ev.pageY}; 
} 
return { 
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
y:ev.clientY + document.body.scrollTop - document.body.clientTop 
}; 
} 
function mouseMove(ev){ 
ev = ev || window.event; 
var mousePos = mousePosition(ev); 
document.getElementById('xxx').value = mousePos.x; 
document.getElementById('yyy').value = mousePos.y; 
} 
document.onmousemove = mouseMove; 
</script> 
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" /> 
</body> 
</html>
Javascript 相关文章推荐
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
网络图片延迟加载实现代码 超越jquery控件
Mar 27 Javascript
Javascript基础教程之switch语句
Jan 18 Javascript
Javascript数据结构与算法之列表详解
Mar 12 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
BootStrap创建响应式导航条实例代码
May 31 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
详解uniapp的全局变量实现方式
Jan 11 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 07 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 #Javascript
密码强度检测效果实现原理与代码
Jan 04 #Javascript
禁止你的左键复制实用技巧
Jan 04 #Javascript
单击按钮显示隐藏子菜单经典案例
Jan 04 #Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 #Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 #Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 #Javascript
You might like
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
php启用sphinx全文搜索的实现方法
2014/12/24 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
学习ExtJS Window常用方法
2009/10/07 Javascript
jQuery获得指定元素坐标的方法
2015/04/14 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
jQuery防止重复绑定事件的解决方法
2016/05/14 Javascript
vue中路由参数传递可能会遇到的坑
2017/12/07 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
2018/06/26 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
python调用百度语音识别api
2018/08/30 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
python实现的生成word文档功能示例
2019/08/23 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
基于python实现操作redis及消息队列
2020/08/27 Python
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
初二物理教学反思
2014/01/29 职场文书
北体毕业生求职信
2014/02/28 职场文书
1亿有多大教学反思
2014/05/01 职场文书
幼儿园运动会口号
2014/06/07 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
公司委托书范本5篇
2014/09/20 职场文书
教师个人学习总结
2015/02/11 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
Python PIL按比例裁剪图片
2022/05/11 Python