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 相关文章推荐
原生JavaScript生成GUID的实现示例
Sep 05 Javascript
JavaScript制作简易的微信打飞机
Mar 31 Javascript
flag和jq on 的绑定多个对象和方法(必看)
Feb 27 Javascript
基于jquery实现二级联动效果
Mar 30 jQuery
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
从parcel.js打包出错到选择nvm的全部过程
Jan 23 Javascript
Angular8路由守卫原理和使用方法
Aug 29 Javascript
Vue登录主页动态背景短视频制作
Sep 21 Javascript
JavaScript实现更换背景图片
Oct 18 Javascript
JavaScript实现雪花飘落效果
Dec 27 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
如何使用脚本模仿登陆过程
2006/11/22 PHP
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
深入PHP异步执行的详解
2013/06/03 PHP
PHP中魔术变量__METHOD__与__FUNCTION__的区别
2014/09/29 PHP
PHP计算加权平均数的方法
2015/07/16 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
kmock javascript 单元测试代码
2011/02/06 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
JS图像无缝滚动脚本非常好用
2014/02/10 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
AngularJS中的包含详细介绍及实现示例
2016/07/28 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
angularjs的select使用及默认选中设置
2017/04/08 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
Python contextlib模块使用示例
2015/02/18 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python中的Descriptor描述符学习教程
2016/06/02 Python
Django 导出 Excel 代码的实例详解
2017/08/11 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
python读取word 中指定位置的表格及表格数据
2019/10/23 Python
flask实现验证码并验证功能
2019/12/05 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
Python try except finally资源回收的实现
2021/01/25 Python
德国消费电子产品购物网站:Guter Kauf
2020/09/15 全球购物
关于Assembly命名空间的三个面试题
2015/07/23 面试题
购房协议书
2014/04/11 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
环保建议书范文
2015/09/14 职场文书
vue-cropper插件实现图片截取上传组件封装
2021/05/27 Vue.js
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏