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 相关文章推荐
jquery tablesorter.js 支持中文表格排序改进
Dec 09 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
图片上传插件jquery.uploadify详解
Nov 15 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
js实现新年倒计时效果
Dec 10 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
jQuery Masonry瀑布流插件使用方法详解
Jan 18 Javascript
bootstrap table 数据表格行内修改的实现代码
Feb 13 Javascript
Vue开发中整合axios的文件整理
Apr 29 Javascript
angularjs 页面自适应高度的方法
Jan 17 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 04 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 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/10/19 PHP
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
2016/01/07 PHP
详解js异步文件加载器
2016/01/24 PHP
PHP弱类型语言中类型判断操作实例详解
2017/08/10 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
JavaScript 学习技巧
2010/02/17 Javascript
transport.js和jquery冲突问题的解决方法
2015/02/10 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
几种经典排序算法的JS实现方法
2016/03/25 Javascript
关于json字符串与实体之间的严格验证代码
2016/11/10 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
angular2中使用第三方js库的实例
2018/02/26 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
2020/06/03 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
Python用requests库爬取返回为空的解决办法
2021/02/21 Python
在线购买澳大利亚设计师手拿包和奢华晚装手袋:Olga Berg
2019/03/20 全球购物
师范毕业生自荐信
2013/10/17 职场文书
班班通校本培训方案
2014/03/12 职场文书
作风转变年心得体会
2014/10/22 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python