关于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> </td> 10 <td> </td> 11 <td> </td> 12 </tr> 13 <tr> 14 <td> </td> 15 <td> </td> 16 <td> </td> 17 </tr> 18 <tr> 19 <td> </td> 20 <td> </td> 21 <td> </td> 22 </tr> 23 <tr> 24 <td> </td> 25 <td> </td> 26 <td> </td> 27 </tr> 28 <tr> 29 <td> </td> 30 <td> </td> 31 <td> </td> 32 </tr> 33 <tr> 34 <td> </td> 35 <td> </td> 36 <td> </td> 37 </tr> 38 <tr> 39 <td> </td> 40 <td> </td> 41 <td> </td> 42 </tr> 43 <tr> 44 <td> </td> 45 <td> </td> 46 <td> </td> 47 </tr> 48 <tr> 49 <td> </td> 50 <td> </td> 51 <td> </td> 52 </tr> 53 <tr> 54 <td> </td> 55 <td> </td> 56 <td> </td> 57 </tr> 58 <tr> 59 <td> </td> 60 <td> </td> 61 <td> </td> 62 </tr> 63 <tr> 64 <td> </td> 65 <td> </td> 66 <td> </td> 67 </tr> 68 <tr> 69 <td> </td> 70 <td> </td> 71 <td> </td> 72 </tr> 73 <tr> 74 <td> </td> 75 <td> </td> 76 <td> </td> 77 </tr> 78 <tr> 79 <td> </td> 80 <td> </td> 81 <td> </td> 82 </tr> 83 <tr> 84 <td> </td> 85 <td> </td> 86 <td> </td> 87 </tr> 88 <tr> 89 <td> </td> 90 <td> </td> 91 <td> </td> 92 </tr> 93 <tr> 94 <td> </td> 95 <td> </td> 96 <td> </td> 97 </tr> 98 <tr> 99 <td> </td> 100 <td> </td> 101 <td> </td> 102 </tr> 103 <tr> 104 <td> </td> 105 <td> </td> 106 <td> </td> 107 </tr> 108 <tr> 109 <td> </td> 110 <td> </td> 111 <td> </td> 112 </tr> 113 </table> 114 </div> 115 </body>