首页 > 代码库 > clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和区别

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:整个屏幕高度;

二、图片如下:

技术分享

 

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