<!DOCTYPE HTML> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #info{width:100px;height: 100px;background-color: #ff0000;position: absolute;top: 0;left: 0;} </style> <script type="text/javascript"> window.onload=function(){ document.onclick=processClick; } function processClick(evt){ evt=evt || winodw.event; var x=0;var y=0; if(evt.pageX && evt.pageY){ x=evt.pageX; y=evt.pageY; }else if(evt.clientX){ var offsetX=0;var offsetY=0; if(document.documentElement.scrollLeft){ offsetX=document.documentElement.scrollLeft; offsetY=document.documentElement.scrollTop; }else if(document.body){ offsetX=document.body.scrollLeft; offsetY=document.body.scrollTop; } x=evt.clientX+offsetX; y=evt.clientY+offsetY; } var style="left: "+x+"px;top: "+y+"px"; var box=document.getElementById("info"); box.setAttribute("style",style); } </script> </head> <body style="height:10000px;"> <div id="info"></div> </body> </html>