六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 124|回复: 0

JavaScript---鼠标位置。

[复制链接]

升级  18%

21

主题

21

主题

21

主题

秀才

Rank: 2

积分
77
 楼主| 发表于 2013-2-7 21:14:18 | 显示全部楼层 |阅读模式
<script type="text/javascript">function mouseMove(ev){  ev = ev || window.event;  var mousePos = mouseCoords(ev);  document.getElementById('xxx').value = mousePos.x;  document.getElementById('yyy').value = mousePos.y;}function mouseCoords(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  };}document.onmousemove = mouseMove;</script><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>X:<input id="xxx" type="text" />  Y:<input id="yyy" type="text" /><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <style type="text/css" > #Div_CnLei { border:1px solid #ccc; background:#eee; line-height:200px; text-align:center; width:800px; height:200px; }</style><div id="Div_CnLei"> </div><div id="PosXY">移动鼠标到灰色区域内看看!</div><script type="text/javascript">var w3c=(document.getElementById)? true: false;var agt=navigator.userAgent.toLowerCase();var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));function IeTrueBody(){//判断头部是否有标准声明return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function getMousePos(e){var curX=(!ie)?e.pageX : event.clientX+IeTrueBody().scrollLeft;var curY=(!ie)?e.pageY : event.clientY+IeTrueBody().scrollTop;document.getElementById("PosXY").innerHTML = "当前光标的坐标值: X=" + curX + " ,Y=" + curY;}document.getElementById("Div_CnLei").onmousemove=getMousePos;</script>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表