js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性_Javascript教程-查字典教程网
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
发布时间:2016-12-30 来源:查字典编辑
摘要:通过JS得到当前焦点的坐标如下是得到当前焦点的坐标:复制代码代码如下:获取鼠标坐标functionmousePosition(ev){if(...

通过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教程学习
    编程开发子分类