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 相关文章推荐
js DataSet数据源处理代码
Mar 29 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
JavaScript中伪协议 javascript:使用探讨
Jul 18 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
利用Vue.js指令实现全选功能
Sep 08 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
微信小程序中input标签详解及简单实例
May 18 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
Oct 26 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
Vue vee-validate插件的简单使用
Jun 22 Vue.js
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安全上传图片的方法
2015/03/21 PHP
用PHP代码给图片加水印
2015/07/01 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
PHP7基于curl实现的上传图片功能
2018/05/11 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
js继承 Base类的源码解析
2008/12/30 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
jQuery插件Validate实现自定义表单验证
2016/01/18 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
详解使用React全家桶搭建一个后台管理系统
2017/11/04 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
Python2实现的LED大数字显示效果示例
2017/09/04 Python
python将回车作为输入内容的实例
2018/06/23 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
求职者简历中的自我评价
2013/10/20 职场文书
庆元旦广播稿
2014/02/10 职场文书
中秋寄语大全
2014/04/11 职场文书
公证委托书
2014/08/01 职场文书
2014副镇长民主生活会个人对照检查材料思想汇报
2014/09/30 职场文书
道歉的话语大全
2015/05/12 职场文书
主持稿开场白
2015/06/01 职场文书
OpenCV-Python直方图均衡化实现图像去雾
2021/06/07 Python
动视暴雪取消疫苗禁令 让所有员工返回线下工作
2022/04/03 其他游戏