关于window.X与window.clientX的补充

window.clientX是指在这个界面的窗口的位置,window.clientY例如在最上面的话就是0,在最下面就是一个确定的值,跟页面是否有滚动条,以及滚动条的位置没有关系。window.X,window.Y则是针对于网页的页面来说的,例如在将竖直方向的滚动条滑到最底端的时候,window.Y将会出现最大值,将水平方向的滚动条滑到最右端时则会出现window.X的最大值

代码如下:

  1 <body leftmargin="0" topmargin="0" onclick="cancelLink()">
  2     <br>
  3     <br>
  4     <div style="position: relative"
  5         onmousemove="window.status = 'X=' +  window.event.x + ' Y=' + window.event.y + '  clientX=' +  window.event.clientX + ' clientY=' + window.event.clientY">
  6         <table width="500" height="2000" border="1" cellpadding="0"
  7             cellspacing="1">
  8             <tr>
  9                 <td>&nbsp;</td>
 10                 <td>&nbsp;</td>
 11                 <td>&nbsp;</td>
 12             </tr>
 13             <tr>
 14                 <td>&nbsp;</td>
 15                 <td>&nbsp;</td>
 16                 <td>&nbsp;</td>
 17             </tr>
 18             <tr>
 19                 <td>&nbsp;</td>
 20                 <td>&nbsp;</td>
 21                 <td>&nbsp;</td>
 22             </tr>
 23             <tr>
 24                 <td>&nbsp;</td>
 25                 <td>&nbsp;</td>
 26                 <td>&nbsp;</td>
 27             </tr>
 28             <tr>
 29                 <td>&nbsp;</td>
 30                 <td>&nbsp;</td>
 31                 <td>&nbsp;</td>
 32             </tr>
 33             <tr>
 34                 <td>&nbsp;</td>
 35                 <td>&nbsp;</td>
 36                 <td>&nbsp;</td>
 37             </tr>
 38             <tr>
 39                 <td>&nbsp;</td>
 40                 <td>&nbsp;</td>
 41                 <td>&nbsp;</td>
 42             </tr>
 43             <tr>
 44                 <td>&nbsp;</td>
 45                 <td>&nbsp;</td>
 46                 <td>&nbsp;</td>
 47             </tr>
 48             <tr>
 49                 <td>&nbsp;</td>
 50                 <td>&nbsp;</td>
 51                 <td>&nbsp;</td>
 52             </tr>
 53             <tr>
 54                 <td>&nbsp;</td>
 55                 <td>&nbsp;</td>
 56                 <td>&nbsp;</td>
 57             </tr>
 58             <tr>
 59                 <td>&nbsp;</td>
 60                 <td>&nbsp;</td>
 61                 <td>&nbsp;</td>
 62             </tr>
 63             <tr>
 64                 <td>&nbsp;</td>
 65                 <td>&nbsp;</td>
 66                 <td>&nbsp;</td>
 67             </tr>
 68             <tr>
 69                 <td>&nbsp;</td>
 70                 <td>&nbsp;</td>
 71                 <td>&nbsp;</td>
 72             </tr>
 73             <tr>
 74                 <td>&nbsp;</td>
 75                 <td>&nbsp;</td>
 76                 <td>&nbsp;</td>
 77             </tr>
 78             <tr>
 79                 <td>&nbsp;</td>
 80                 <td>&nbsp;</td>
 81                 <td>&nbsp;</td>
 82             </tr>
 83             <tr>
 84                 <td>&nbsp;</td>
 85                 <td>&nbsp;</td>
 86                 <td>&nbsp;</td>
 87             </tr>
 88             <tr>
 89                 <td>&nbsp;</td>
 90                 <td>&nbsp;</td>
 91                 <td>&nbsp;</td>
 92             </tr>
 93             <tr>
 94                 <td>&nbsp;</td>
 95                 <td>&nbsp;</td>
 96                 <td>&nbsp;</td>
 97             </tr>
 98             <tr>
 99                 <td>&nbsp;</td>
100                 <td>&nbsp;</td>
101                 <td>&nbsp;</td>
102             </tr>
103             <tr>
104                 <td>&nbsp;</td>
105                 <td>&nbsp;</td>
106                 <td>&nbsp;</td>
107             </tr>
108             <tr>
109                 <td>&nbsp;</td>
110                 <td>&nbsp;</td>
111                 <td>&nbsp;</td>
112             </tr>
113         </table>
114     </div>
115 </body>

 

posted @ 2013-09-01 19:05  最是那一杯红酒  阅读(439)  评论(0)    收藏  举报