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 相关文章推荐
JS写的数字拼图小游戏代码[学习参考]
Oct 29 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
js+CSS实现弹出居中背景半透明div层的方法
Feb 26 Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 Javascript
javascript的BOM
May 03 Javascript
AngularJS 执行流程详细介绍
Aug 18 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
Oct 19 Javascript
简单了解TypeScript中如何继承 Error 类
Jun 21 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 Javascript
jQuery实现动态向上滚动
Dec 21 jQuery
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生成带有雪花背景的验证码
2006/10/09 PHP
PHP中的cookie不用刷新就生效的方法
2012/02/04 PHP
php二分查找二种实现示例
2014/03/12 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
谈谈从phpinfo中能获取哪些值得注意的信息
2017/03/28 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
鼠标焦点离开文本框时验证的js代码
2013/07/19 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
微信小程序scroll-view实现字幕滚动
2018/07/14 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
javaScript实现游戏倒计时功能
2018/11/17 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
vue npm install 安装某个指定的版本操作
2020/08/11 Javascript
使用Python生成url短链接的方法
2015/05/04 Python
Python 获取当前所在目录的方法详解
2017/08/02 Python
python将文本中的空格替换为换行的方法
2018/03/19 Python
Django 重写用户模型的实现
2019/07/29 Python
python自动化工具之pywinauto实例详解
2019/08/26 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
Python爬虫开发与项目实战
2020/12/16 Python
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
PHP如何与mysql建立链接
2013/05/05 面试题
公司会计岗位职责
2014/02/13 职场文书
酒鬼酒广告词
2014/03/21 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
建筑工程催款函
2015/06/24 职场文书
适合青年人白手起家的创业项目分享
2019/08/16 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript