天天看點

pagex/y offsetx/y screenx/y clientx/y 用法及差別

1  pagex/pagey:滑鼠相對于整個頁面的x/y坐标 注:整個頁面的意思就是你整個頁面的全部 例如:寬200px 高400px 那麼pagex/y他們最大值就是它

2,offsetX/y與pageX/Y結果都一樣,但是前者隻有IE支援後者IE不支援

3,screenx/y 滑鼠在螢幕上的坐标,最大值不會超過螢幕分辨率

4,clientX/y 事件發生時滑鼠在浏覽器内容區域的x/y坐标(不含滾動條),相對于可視區域的坐标 注:滾動的時候看到的區域不算,當你将浏覽器視窗縮小時,它們的最大值也會縮小 但最終最大值不會超過浏覽器的可視區域

我們在這裡就不寫代碼了,直接畫一張圖來說明他們幾者的關系,來上圖

pagex/y offsetx/y screenx/y clientx/y 用法及差別

 今天就到這裡,下次我們寫個頁籤,在網站中頁籤也是挺重要的

上一篇: tab切換