js 获取坐标通过JS得到当前焦点(鼠标)的坐标属性

246 阅读 0 评论 163 点赞

我是靠谱客的博主专一微笑，最近开发中收集的这篇文章主要介绍js 获取坐标通过JS得到当前焦点(鼠标)的坐标属性，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

通过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> 