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 相关文章推荐
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
Jun 24 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
js实现tab切换效果
Feb 16 Javascript
vue2.0 实现导航守卫(路由守卫)
May 21 Javascript
详解为生产环境编译Angular2应用的方法
Dec 10 Javascript
pm2启动ssr失败的解决方法
Jun 29 Javascript
vue实现分页的三种效果
Jun 23 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实现ping
2006/10/09 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
基于PHP制作验证码
2016/10/12 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
Ext grid 添加右击菜单
2009/11/26 Javascript
JQuery autocomplete 使用手册
2010/04/01 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
2017/11/10 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
JavaScript实现与web通信的方法详解
2020/08/07 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
Python标准库与第三方库详解
2014/07/22 Python
Python线程的两种编程方式
2015/04/14 Python
python strip() 函数和 split() 函数的详解及实例
2017/02/03 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
浅析Python3 pip换源问题
2020/01/06 Python
pytorch梯度剪裁方式
2020/02/04 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
次世代生活态度:Hypebeast
2018/07/05 全球购物
英国婴儿及儿童产品商店:TigerParrot
2019/03/04 全球购物
Roxy俄罗斯官方网站:冲浪和滑雪板的一切
2020/06/20 全球购物
华为菲律宾官方网站:HUAWEI Philippines
2021/02/23 全球购物
IBatis持久层技术
2016/07/18 面试题
招聘单位介绍信
2014/01/14 职场文书
企业办公室岗位职责
2014/03/12 职场文书