client page offset screen

  • 时间:
  • 来源:互联网
  • 文章标签:

前端 client page offset screen 的区别

clientLeft :该元素对象的左边框宽度 ;
clientTop :该元素对象的上边框宽度 ;
clientWidth:该元素对象的左内边框到右内边框的距离,不包含border;
clientHeight:该元素对象的上内边框到下内边框的距离,不包含border;
clientX:当事件被触发时鼠标指针相对于视窗左边界的水平坐标,不包含滚动条;
clientY:当事件被触发时鼠标指针相对于视窗上边界的垂直坐标,不包含滚动条;

offsetLeft:该元素左外边框到窗口左边距的距离;
offsetTop:该元素左外边框到窗口上边距的距离;

offsetWidth:该元素左外边框到右外边框的距离,包含border;
offsetHeight:该元素上外边框到下外边框的距离,包含border;
offsetX:当事件被触发时鼠标指针相对于所触发的标签元素的左内边框水平坐标;
offsetY:当事件被触发时鼠标指针相对于所触发的标签元素的上内边框垂直坐标;

screenX:鼠标指针位置相对于用户屏幕水平坐标;
screenY:鼠标指针位置相对于用户屏幕垂直坐标;

pageX:鼠标指针位置相对于当前视窗窗口的水平坐标,包含滚动条
pageY:鼠标指针位置相对于当前视窗窗口的垂直坐标,包含滚动条

scrollTop:利用滚动条滚动到下方时,隐藏在滚动条上方的页面高度;
scrollLeft:利用滚动条滚动到右侧时,隐藏在滚动条左侧的页面宽度;

本文链接http://www.taodudu.cc/news/show-82847.html