摘要: 当鼠标移动到元素上时就会触发mouseenter 事件 类似 mouseover,它们两者之间的差别是 mouseover 鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter 只会经过自身盒子触发 之所以这样,就是因为mouseenter不会冒泡 跟mouseenter搭配鼠标离开 m 阅读全文
posted @ 2020-09-29 11:52 星辰ꦿ.大海 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 1. scroll 概述 scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。 2. 页面被卷去的头部 如果浏览器的高(或宽)度不足以显示整个页面时,会自动出现滚动条。当滚动条向下滚动时,页面上面被隐藏掉的高度,我们就称为页面被卷去的头部。 阅读全文
posted @ 2020-09-29 11:47 星辰ꦿ.大海 阅读(331) 评论(0) 推荐(0) 编辑
摘要: 1. client概述 client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 2. 淘宝 flexible.js 源码分析 立即执行函数 (function(){})() 或 阅读全文
posted @ 2020-09-29 11:44 星辰ꦿ.大海 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 1. offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置,如果父级元素都没有定位,则以body位置为准 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 2. offset 阅读全文
posted @ 2020-09-29 11:43 星辰ꦿ.大海 阅读(409) 评论(0) 推荐(0) 编辑