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 Tools tooltip使用说明
Jul 14 Javascript
Array.prototype.concat不是通用方法反驳[译]
Sep 20 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
jquery获取radio值(单选组radio)
Oct 16 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
Bootstrap精简教程
Nov 27 Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 Javascript
ES6中Class类的静态方法实例小结
Oct 28 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
js实现无缝轮播图
Mar 09 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
打造计数器DIY三步曲(中)
2006/10/09 PHP
自定义php类(查找/修改)xml文档
2013/03/26 PHP
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
jQuery循环滚动展示代码 可应用到文字和图片上
2012/05/11 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
javascript arguments使用示例
2014/12/16 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
js实现二级菜单渐隐显示
2015/11/03 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
利用express启动一个server服务的方法
2017/09/17 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
js实现延迟加载的几种方法详解
2019/01/19 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
JS实现的自定义map方法示例
2019/05/17 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
详解python--模拟轮盘抽奖游戏
2019/04/12 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
python+opencv实现车牌定位功能(实例代码)
2019/12/24 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
matplotlib基础绘图命令之imshow的使用
2020/08/13 Python
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
canvas实现按住鼠标移动绘制出轨迹的示例代码
2018/02/05 HTML / CSS
荷兰家电销售网站:Welhof
2020/12/08 全球购物
介绍一下gcc特性
2012/01/20 面试题
学生学习总结的自我评价
2013/10/22 职场文书
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
五好家庭事迹材料
2014/12/20 职场文书
商务邀请函
2015/01/30 职场文书
企业工会工作总结2015
2015/05/13 职场文书