测试页面如下：

 

 

[html]  view plain copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>InputPostion</title>  
  5.     <script type="text/javascript" src="kingwolfofsky.js""></script>  
  6.     <script type="text/javascript">  
  7.         function show(elem) {  
  8.             var p = kingwolfofsky.getInputPositon(elem);  
  9.             var s = document.getElementById('show');  
  10.             s.style.top = p.bottom+'px';  
  11.             s.style.left = p.left + 'px';  
  12.             s.style.display = 'inherit';  
  13.         }  
  14.     </script>  
  15. </head>  
  16. <body>  
  17.     <textarea id="text" onkeyup="show(this)" style="width: 340px; height: 210px;"></textarea>      
  18.     <br />  
  19.     <input type="text" onkeyup="show(this)" style="width: 340px;" />  
  20.     <div id="show" style="width: 34px; height: 13px; background: #eee; position: absolute;border:1px solid grey;font-size:13px; display:none;">Tips</div>  
  21. </body>  
  22. </html>  
  23.