JavaScript中event的x,clientX,offsetX的区别

 

• x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
• clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。
• offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
• screenX:相对于用户屏幕。
  同时你可以对比下面代码分析
  <table border=1 cellpadding=15 cellspacing=15 style="position:relative;left:100;top:100">
  <tr><td>
  <div οnclick="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>