clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和区别

一.定义和用法

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

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

2.event.pageX：事件对象加上滚动距离后的水平偏移量；

event.pageY：事件对象加上滚动距离后的垂直偏移量；

3.$(selector).scrollLeft(offset)=$(selector).offset().left:获得或设置对象的滚动水平位置；

$(selector).scrollTop(offset)=$(selector).offset().top:获得或设置对象的滚动垂直位置；

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

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

5.div.clientWidth：对象的宽度；

div.clientHeight：对象的高度；

6.screen.width:整个屏幕宽度；

screen.height:整个屏幕高度；

二、图片如下：