JavaScript实时获取鼠标坐标与像素位置示例

HTML结构代码

 <!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>  </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需再刷新一下页面才能执行]