javascript获取当前鼠标坐标的方法
本文实例讲述了javascript获取当前鼠标坐标的方法。分享给大家供大家参考。具体实现方法如下：
对于javascript获取当前鼠标坐标来说，得对不同浏览器的坐标位置有所了解。具体代码如下：
<html>
<head>
<title>javascript获取当前鼠标坐标</title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript">
functionmousePosition(ev){
if(ev.pageX||ev.pageY){//firefox、chrome等浏览器
return{x:ev.pageX,y:ev.pageY};
}
return{//IE浏览器
x:ev.clientX+document.body.scrollLeft-document.body.clientLeft,
y:ev.clientY+document.body.scrollTop-document.body.clientTop
};
}
functionmouseMove(ev){
ev=ev||window.event;
varmousePos=mousePosition(ev);
document.getElementById('x').innerHTML=mousePos.x;
document.getElementById('y').innerHTML=mousePos.y;
}
document.onmousemove=mouseMove;
</script>
<styletype="text/css">
h3{color:blue;}
p{line-height:30px;height:30px;font-size:14px;width:500px;}
span{color:orange;font-weight:bold;}
</style>
</head>
<body>
<h3>您的鼠标已经被跟踪</h3>
<p>X轴坐标：<spanid="x"></span></p>
<p>Y轴坐标：<spanid="y"></span></p>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。