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中的array数组使用技巧
Jan 31 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
jquery uploadify 在FF下无效的解决办法
Sep 26 Javascript
vue组件实例解析
Jan 10 Javascript
ajax接收后台数据在html页面显示
Feb 19 Javascript
js, jQuery实现全选、反选功能
Mar 08 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
Dec 28 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 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生成文件
2007/01/15 PHP
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
Memcached常用命令以及使用说明详解
2013/06/27 PHP
PHP的Socket网络编程入门指引
2015/08/11 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
2010/03/16 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
JS填写银行卡号每隔4位数字加一个空格
2016/12/19 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
JS模拟实现ECMAScript5新增的数组方法
2017/03/20 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
js字符串倒序的实例代码
2018/11/30 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan
2014/07/15 DOTA
pygame学习笔记(2):画点的三种方法和动画实例
2015/04/15 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
Linux下python3.7.0安装教程
2018/07/30 Python
python设计微型小说网站(基于Django+Bootstrap框架)
2019/07/08 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
Python多线程实现支付模拟请求过程解析
2020/04/21 Python
英国复古服装购物网站:Collectif
2019/10/30 全球购物
Java中compareTo和compare的区别
2016/04/12 面试题
硕士研究生自我鉴定
2013/11/08 职场文书
护士自我介绍信
2014/01/13 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
八年级英语教学计划
2015/01/23 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
朋友聚会开场白
2015/06/01 职场文书
5个实用的JavaScript新特性
2022/06/16 Javascript