网页效果获取鼠标点击的位置

1.首先来看一个简单的获取鼠标位置：

<a   href="javascript:void(0);"   οnclick="x(this)"   alt='aa'   >aaa</a>
<br>
<input type="text"   οnclick="x(this)" value="cccc1">
<br>
<input type="text"   οnclick="x(this)" value="cccc2">
<br>
<input type="text"   οnclick="x(this)" value="cccc3">
<br>
<input type="text"   οnclick="x(this)" value="cccc4">
    
 
  <div id="div1"></div>

  <script> 
  function   x(o)  
  {  
  document.all.div1.style.visibility="visible";  
  document.all.div1.innerText=o.value;  
  document.all.div1.style.top=event.clientY;  
  document.all.div1.style.left&