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>