首页 > 网络编程 > JavaScript > javascript技巧 > JS获取鼠标坐标 JS获取鼠标坐标、获取鼠标像素点示例 2014-03-31 15:34:55 作者： 运行代码之后随意移动鼠标的位置，可适时显现鼠标的坐标点，不占用系统资源 JS获取鼠标坐标，获取鼠标像素点的典型实例，运行本页面后，随意移动鼠标的位置，可适时显现鼠标的坐标点，不占用系统资源 。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JavaScript获取鼠标坐标</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> .tip { width:200px; border:2px solid #ddd; padding:8px; background:#f1f1f1; color:#666; } </style> <script type="text/javascript"> function mousePos(e){ var x,y; var e = e||window.event; return { x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop }; }; function test(e){ document.getElementById("mjs").innerHTML = mousePos(e).x+','+mousePos(e).y; }; </script> </head> <body> <div id="mjs" class="tip">源码爱好者</div> <div id="test" style="width:1000px;height:1000px;background:#ccc;" onmousemove="test(event)"></div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:js获得鼠标的坐标值的方法javascript获取当前鼠标坐标的方法在页面中js获取光标/鼠标的坐标及光标的像素坐标javascript实时获取鼠标坐标值并显示的方法JS网页在线获取鼠标坐标值的方法js鼠标坐标获取常用的三个方法
