event.x,event.clientX,event.offsetX区别

代码

   
     

    
      
    
      <
    
      table 
    
      border
    
      =1 
    
      cellpadding
    
      =15 
    
      cellspacing
    
      =15 
    
      style
    
      ="position:relative;left:100;top:100"
    
      >
    
       

    
      <
    
      tr
    
      ><
    
      td
    
      >
    
       

    
      <
    
      div 
    
      onclick
    
      ="show()"
    
       style
    
      ="background:silver;cursor:hand"
    
      >
    
       
Click here to show. 

    
      </
    
      div
    
      >
    
       

    
      </
    
      td
    
      ></
    
      tr
    
      >
    
       

    
      </
    
      table
    
      >
    
       

    
      <
    
      script
    
      >
    
       

    
      function
    
       show(){ 
alert(
    
      "
    
      window.event.x:
    
      "
    
      +
    
      window.event.x
    
      +
    
      "
    
      \nwindow.event.y:
    
      "
    
      +
    
      window.event.y
    
      +
    
      "
    
      \nevent.clientX:
    
      "
    
      +
    
      event.clientX
    
      +
    
      "
    
      \nevent.clientY:
    
      "
    
      +
    
      event.clientY
    
      +
    
      "
    
      \nevent.offsetX:
    
      "
    
      +
    
      event.offsetX
    
      +
    
      "
    
      \nevent.offsetY:
    
      "
    
      +
    
      event.offsetY
    
      +
    
      "
    
      \nwindow.event.screenX:
    
      "
    
      +
    
      window.event.screenX
    
      +
    
      "
    
      \nwindow.event.screenY:
    
      "
    
      +
    
      window.event.screenY); 
} 

    
      </
    
      script
    
      >
   
     

 

x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。
offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。