代码描述:javascript获取网页文档坐标。javascript获取网页文档中坐标简单介绍代码下载
获取鼠标在网页中的坐标是常用的操作,本章节就通过一个简单的代码实例介绍一下如何实现此功能。 代码如下:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>获取鼠标在文档中的坐标-51前端</title> <style type="text/css"> #zuobiao{ width:200px; height:200px; background-color:#CCC; text-align:center; } </style> <script type="text/javascript"> var xPos; var yPos; function mouseCoords(ev){ if(ev.pageX||ev.pageY){ return {x:ev.pageX,y:ev.pageY}; } else{ return { x:ev.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, y:ev.clientY+document.body.scrollTop+document.documentElement.scrollTop } } } window.onload=function(){ var zuobiao=document.getElementById("zuobiao"); document.onmousemove=mouseMove; function mouseMove(ev){ ev= ev||window.event; var mousePos=mouseCoords(ev); xPos=mousePos.x; yPos=mousePos.y; zuobiao.innerHTML="X坐标:"+xPos+"<br/>"+"Y坐标:"+yPos; } } </script> </head> <body> <div id="zuobiao"></div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能