JavaScript 获取鼠标指针的坐标

获取鼠标指针的坐标是在应用中比较常见，一般多用语拖动效果，或者其他一些需要进行定位的效果。

下面是一个这样的简单实例，希望能够给初学者带来一定的帮助和启发。

代码实例如下：

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>获取鼠标的坐标-51前端</title> 
<style type="text/css">
#thediv{
  width:500px;
  height:500px;
  background-color:red;
}
</style>
<script> 
function showPosition(e){ 
  var x=document.getElementById("x");
  var y=document.getElementById("y"); 
  var e=e||window.event; 
  x.value=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft; 
  y.value=e.clientY+document.body.scrollTop+document.documentElement.scrollTop 
} 
window.onload=function(){
  var thediv=document.getElementById("thediv");
  thediv.onmousemove=showPosition
}
</script> 
</head> 
<body> 
<div id="thediv"> 
x:<input id="x" type="text" value="" /> 
y:<input id="y" type="text" value="" /> 
</div> 
</body> 
</html>

代码描述：JavaScript鼠标指针坐标。JavaScript 获取鼠标指针的坐标

下载全部收藏

170 227

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册