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解密入门 最终变量劫持
Jun 25 Javascript
Ruffy javascript 学习笔记
Nov 30 Javascript
重载toString实现JS HashMap分析
Mar 13 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
微信小程序button标签open-type属性原理解析
Jan 21 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 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计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
实例分析基于PHP微信网页获取用户信息
2017/11/24 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
js不间断滚动的简单实现
2016/06/03 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
json字符串传到前台input的方法
2018/08/06 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
JS实现判断移动端PC端功能
2020/02/21 Javascript
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
[02:27]刀塔重生降临
2015/10/14 DOTA
python使用Image处理图片常用技巧分析
2015/06/01 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
Python语言描述机器学习之Logistic回归算法
2017/12/21 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
python getopt模块使用实例解析
2019/12/18 Python
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
美国购买当代和现代家具网站:MODTEMPO
2018/07/20 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
英国奢侈品牌时尚购物平台:Farfetch(支持中文)
2020/02/18 全球购物
高中教师个人总结
2015/02/10 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
初中英语教学反思范文
2016/02/15 职场文书
2016年优秀少先队辅导员事迹材料
2016/02/26 职场文书