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 相关文章推荐
Prototype使用指南之range.js
Jan 10 Javascript
setInterval 和 setTimeout会产生内存溢出
Feb 15 Javascript
js数组的操作详解
Mar 27 Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 Javascript
JavaScript中的some()方法使用详解
Jun 09 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
详解node字体压缩插件font-spider的用法
Sep 28 Javascript
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 Javascript
vue实现路由监听和参数监听
Oct 29 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 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
php二维数组排序详解
2013/11/06 PHP
php表单请求获得数据求和示例
2014/05/15 PHP
js获取变量
2006/08/24 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
js 本地预览的简单实现方法
2014/02/18 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
2014/11/19 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
vue中页面跳转拦截器的实现方法
2017/08/23 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
vue 动态表单开发方法案例详解
2019/12/02 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
Python爬取视频(其实是一篇福利)过程解析
2019/08/01 Python
Django在admin后台集成TinyMCE富文本编辑器的例子
2019/08/09 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
实现Python与STM32通信方式
2019/12/18 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
pyqt5中动画的使用详解
2020/04/01 Python
解决Python Matplotlib绘图数据点位置错乱问题
2020/05/16 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
邮政员工辞职信
2014/01/16 职场文书
教师自我反思材料
2014/02/14 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
银行授权委托书格式
2014/10/10 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
2014年保洁工作总结
2014/11/24 职场文书
2015年宣传思想工作总结
2015/05/22 职场文书
windows系统安装配置nginx环境
2022/06/28 Servers