zoukankan      html  css  js  c++  java
  • 理解clientX、clientY、offsetLeft、event.offsetTop、offsetWidth、offsetHeight、clientWidth、clientHeight、scrollTop、scrollHeight

    一、clientX和clientY

      事件发生时,鼠标距离浏览器的可视区域的X、Y轴的位置,不包含滚动条的区域的部分。就算是页面进行了滚动,鼠标的坐标值还是参考可视区域的。

    二、offsetLeft和offsetTop

      事件源元素相对于父节点的偏移的像素值。

    三、offsetWidth和offsetHeight

      获取的是元素的宽度,包含border,padding,内容宽度,以及滚动条的宽度,和element.getBoundingClientRect()的值是一致的。

    四、clientWidth和clientHeight

      获取的是元素实际的内容宽度,不包含border,padding,内容宽度,以及滚动条的宽度。

    五、scrollTop和scrollHeight

      scrollTop属性可以获取或设置一个元素的内容垂直滚动的像素数

      scrollHeight是一个元素内容高度的度量,包括由于溢出导致的视图中不可见内容

      scrollHeight = scrollTop + clientHeight

  • 相关阅读:
    poj 3318 Matrix Multiplication 夜
    hdu 4331 Image Recognition 夜
    poj 3277 City Horizon 夜
    poj 3301 Texas Trip 夜
    poj 1151 Atlantis 夜
    poj 3286 How many 0's 夜
    poj 2454 Jersey Politics 夜
    poj 1465 Multiple 夜
    poj 1095 Trees Made to Order 夜
    Null和undefined的区别?
  • 原文地址:https://www.cnblogs.com/llcdxh/p/9802634.html
Copyright © 2011-2022 走看看