9.4

移动端事件

触摸事件touch

屏幕触摸事件，pc端鼠标的移动时点击无效，但是在模拟器中，鼠标点击会变成触摸事件。

 

offset

 

offset的中文是：偏移，补偿，位移。

offset主要作用是获得元素的尺寸

方法有：

• offsetWidth

• offsetHight

• offsetLeft

• offsetTop

• offsetParent

offsetWidth 和 offsetHight

用于检测盒子自身的宽高+padding+border，不包括margin。如下：

• offsetWidth = width + padding + border;

• offsetHeight = Height + padding + border;

这两个属性，他们绑定在了所有的节点元素上。获取之后，只要调用这两个属性，我们就能够获取元素节点的宽和高。

offsetLeft 和 offsetTop

返回距离上级盒子（带有定位）左边的位置；如果父级都没有定位，则以浏览器为准。

offsetLeft、offsetTop： 父元素的边框 + 父元素的内边距 + 元素的外边距（只有body算边框，其他的不算边框）

offsetParent

检测父系盒子中带有定位的父盒子节点。返回结果是该对象的父级（带有定位）。

• 如果当前元素的父级元素，没有CSS定位（position为absolute、relative、fixed），那么offsetParent的返回结果为body。

• 如果当前元素的父级元素，有CSS定位（position为absolute、relative、fixed），那么offsetParent的返回结果为最近的那个父级元素。

Scroll

ScrollWidth 和 scrollHeight

获取盒子的宽高。调用者为节点元素。不包括 border和margin。如下：

• scrollWidth = width + padding;

• scrollHeight = height + padding;

scrollTop 和 scrollLeft

网页被卷去的头部和左边的部分。

比如说，一个网页往上滚动的时候，上面的部分自然被浏览器遮挡了，遮挡的高度就是scrollTop。

scrollTop 这个属性的写法要注意兼容性。

scrollTo(x,y)

设置滚动到x，y的位置