clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和區別

一.定義和用法

1.event.clientX：事件對象的水平偏移量；

   event.clientY：事件對象的垂直偏移量；

2.event.pageX：事件對象加上滾動距離後的水平偏移量；

   event.pageY：事件對象加上滾動距離後的垂直偏移量；

3.$(selector).scrollLeft(offset):得到或設置對象的滾動水平位置；

   $(selector).scrollTop(offset):得到或設置對象的滾動垂直位置；

4.div.offsetLeft：對象的水平偏移量；

   div.offsetTop：對象的垂直偏移量；

5.div.clientWidth：對象的寬度；

   div.clientHeight：對象的高度；

6.screen.width:整個屏幕寬度；

   screen.height:整個屏幕高度；

2、圖片以下：