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 相关文章推荐
对YUI扩展的Gird组件 Part-1
Mar 10 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
jquery教程ajax请求json数据示例
Jan 13 Javascript
Jquery倒计时源码分享
May 16 Javascript
JavaScript中Cookie操作实例
Jan 09 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
RequireJS使用注意细节
May 15 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
Jul 04 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
vue-cli脚手架的安装教程图解
Sep 02 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 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
PHP开发大型项目的一点经验
2006/10/09 PHP
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php中利用post传递字符串重定向的实现代码
2011/04/21 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
基于jquery的让页面控件不可用的实现代码
2010/04/27 Javascript
JavaScript 浏览器验证代码(来自discuz)
2010/07/17 Javascript
javascript贪吃蛇完整版(源码)
2013/12/09 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
JavaScript模拟push
2016/03/06 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
JS实现碰撞检测效果
2020/03/12 Javascript
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
python爬取m3u8连接的视频
2018/02/28 Python
python Dijkstra算法实现最短路径问题的方法
2019/09/19 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
用python计算文件的MD5值
2020/12/23 Python
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
Python面试题:Python里面如何生成随机数
2015/03/12 面试题
介绍一下如何优化MySql
2016/12/20 面试题
甜品店的创业计划书范文
2014/01/02 职场文书
企业军训感言
2014/02/08 职场文书
先进工作者获奖感言
2014/02/08 职场文书
公司合作意向书
2014/04/01 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
2014年党务公开工作总结
2014/12/09 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript