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前台数据获取实现代码
Mar 16 Javascript
javascript实现获取字符串hash值
May 10 Javascript
jquery实现兼容IE8的异步上传文件
Jun 15 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
简单谈谈gulp-changed插件
Feb 21 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
angularJs中ng-model-options设置数据同步的方法
Sep 30 Javascript
VuePress 静态网站生成方法步骤
Feb 14 Javascript
说说如何利用 Node.js 代理解决跨域问题
Apr 22 Javascript
解决vue-loader加载不上的问题
Oct 21 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学习笔记之字符串编码的转换和判断
2014/05/22 PHP
PHP实现一个限制实例化次数的类示例
2019/09/16 PHP
Javascript根据指定下标或对象删除数组元素
2012/12/21 Javascript
把Node.js程序加入服务实现随机启动
2015/06/25 Javascript
JS实现浏览器状态栏显示时间的方法
2015/10/27 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
2016/10/30 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
详解Vue组件之间的数据通信实例
2017/06/17 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
[02:34]肉山说——泡妞篇
2014/09/16 DOTA
Python编写生成验证码的脚本的教程
2015/05/04 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
python 读取摄像头数据并保存的实例
2018/08/03 Python
解决python通过cx_Oracle模块连接Oracle乱码的问题
2018/10/18 Python
PyQt5组件读取参数的实例
2019/06/25 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
python 批量将中文名转换为拼音
2021/02/07 Python
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
简述使用ftp进行文件传输时的两种登录方式?它们的区别是什么?常用的ftp文件传输命令是什么?
2016/11/20 面试题
会计专业毕业生推荐信
2013/11/05 职场文书
司机岗位职责
2013/11/15 职场文书
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
我爱读书演讲稿
2014/05/07 职场文书
个人安全生产承诺书
2014/05/22 职场文书
地球物理学专业推荐信
2014/09/08 职场文书
田径运动会通讯稿
2014/09/13 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书