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程序设计有所帮助。