Vincent Thinking

太謝謝了，解決了我遇到的一個大問題  回復  更多評論
  

太謝謝了，解決了我遇到的一個大問題  回復  更多評論
  

非常謝謝.我就是FIREFOX 計算layerX出問題.怎么也不是相對于發(fā)生事件的對象的坐標.
看了你的文章.弄好了.原因是沒設(shè)置position  回復  更多評論
  

再一次證明firefox沒有ie那么完善，雖然比較接近w3c，但卻覺得w3c沒有大哥的風范。  回復  更多評論
  

謝謝...我也是被這個地方搞死了...不過在ff2下是好的 在ff3下就得加上position  回復  更多評論
  

哈哈還好，還是自己計算好
鼠標指向的元素相對于網(wǎng)頁左上角的偏移-鼠標相對于網(wǎng)頁左上角的偏移  回復  更多評論
  

不明白不要亂講，在這里誤導群眾！

offsetX/offsetY：相對于當前元素的位移
x/y：相對于當前座標系的位移，但是IE常常搞錯當前座標系
layerX/layerY：相對于當前座標系的位移
pageX/pageY：相對于網(wǎng)頁的位移
clientX/clientY：相對于可視窗口的位移
screenX/screenY：相對于屏幕的位移

offsetX/offsetY：W3C- IE+ Firefox- Opera+ Safari+
x/y：W3C- IE+ Firefox- Opera+ Safari+
layerX/layerY：W3C- IE- Firefox+ Opera- Safari+
pageX/pageY：W3C- IE- Firefox+ Opera+ Safari+
clientX/clientY：W3C+ IE+ Firefox+ Opera+ Safari+
screenX/screenY：W3C+ IE+ Firefox+ Opera+ Safari+

六對屬性只有clientX/clientY和screenX/screenY是W3C規(guī)范內(nèi)的。
而offsetX/offsetY和pageX/pageY知其一組即可通過計算取得另一組，對于JS開發(fā)者而言，F(xiàn)irefox/Opera/Safari提供的pageX/pageY更加實用。x/y和layerX/layerY本應該是作用相同、名稱不同的兩組屬性，即相對于offsetParent對象的位移，但是IE對offsetParent的判斷卻相當不準確，大部份情況下offsetParent對象都等于body對象，最嚴重的后果就是在一個絕對定位的層中offsetParent對象本應該為層對象，可IE卻依舊為body對象，導致座標系混亂，而Opera和Safari中的x/y則同樣繼承了IE中的錯誤，因此x/y屬性能不用則不用。  回復  更多評論