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 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
jquery插件validate验证的小例子
May 08 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
Vue axios 中提交表单数据(含上传文件)
Jul 06 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 Javascript
简单了解JS打开url的方法
Feb 21 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 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
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
C/S和B/S两种架构区别与优缺点分析
2014/10/23 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
php算法实例分享
2015/07/14 PHP
PHP实现搜索相似图片
2015/09/22 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
PDO::inTransaction讲解
2019/01/28 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
2017/04/17 jQuery
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
jquery.pager.js实现分页效果
2019/07/29 jQuery
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
[05:08]第一届“网鱼杯”DOTA2比赛精彩集锦
2014/09/05 DOTA
python通过函数属性实现全局变量的方法
2015/05/16 Python
Python对列表排序的方法实例分析
2015/05/16 Python
Python读写配置文件的方法
2015/06/03 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
pytorch 可视化feature map的示例代码
2019/08/20 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
Python 如何查找特定类型文件
2020/08/17 Python
Python通过getattr函数获取对象的属性值
2020/10/16 Python
StubHub德国:购买和出售门票
2017/09/06 全球购物
瑞典在互联网上最大的宠物商店:Animail
2020/10/31 全球购物
测绘工程专业个人自我评价
2013/12/01 职场文书
机关会计岗位职责
2014/04/08 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
党的群众路线对照检查材料
2014/09/22 职场文书
领导班子四风对照检查材料
2014/09/23 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
《海上日出》教学反思
2016/02/23 职场文书