screenX,clientX,pageX,offsetX,pageXoffset的區別


event.screenX、event.screenY

鼠標相對於用戶顯示器屏幕左上角的X,Y坐標。標准事件和IE事件都定義了這2個屬性

event.clientX、event.clientY

鼠標相對於瀏覽器可視區域的X,Y坐標(將參照點改成了瀏覽器內容區域的左上角),可視區域不包括工具欄和滾動條。IE事件和標准事件都定義了這2個屬性

event.pageX、event.pageY

類似於event.clientX、event.clientY,但它們使用的是文檔坐標而非窗口坐標。這2個屬性不是標准屬性,但得到了廣泛支持。IE事件中沒有這2個屬性。

event.offsetX、event.offsetY

這兩個屬性是IE特有的,鼠標相對於“觸發事件的元素”的位置(鼠標想對於事件源元素的X,Y坐標)。

window.pageXOffset

整數只讀屬性,表示X軸滾動條向右滾動過的像素數(表示文檔向右滾動過的像素數)。IE不支持該屬性,使用body元素的scrollLeft屬性替代。

window.pageYoffset

整數只讀屬性,表示Y軸滾動條向下滾動過的像素數(表示文檔向下滾動過的像素數)。IE不支持該屬性,使用body元素的scrollTop屬性替代。

 

參考資料網址:

http://www.2cto.com/kf/201409/333401.html

http://www.jb51.net/article/22507.htm

http://www.cnblogs.com/yehuabin/archive/2013/03/07/2946004.html

http://www.softwhy.com/forum.php?mod=viewthread&tid=3999

http://www.cnblogs.com/zhenyu-whu/archive/2012/11/13/2768004.html

http://www.cnblogs.com/phpzxh/archive/2012/12/19/2824931.html

http://blog.sina.com.cn/s/blog_48e6792c0100z7ge.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM