Javascript——Day08
- 01.事件流、事件捕获、事件冒泡以及阻止冒泡
- 02.事件解绑、mouseover和mouseenter的区别
- 03.事件委托
- 04.阻止元素默认行为
- 05.页面加载事件和页面滚动事件
- 06.client家族和offset家族
01.事件流、事件捕获、事件冒泡以及阻止冒泡
事件流：
事件流经历的2个阶段：
注意：
事件捕获：
点击son的时候，就会触发：我是爷爷、我是爸爸、我是儿子。
如onclick等于function是没有捕获的。
事件冒泡：
事件冒泡则点击son的时候，就会触发：我是儿子，我是爸爸，我是爷爷。
阻止冒泡：
02.事件解绑、mouseover和mouseenter的区别
（1）on事件，赋值null即可
（2）addEventListener方式，removeEventListener
鼠标经过事件：
两种注册事件的区别：
03.事件委托
借助事件冒泡来做事件委托。
04.阻止元素默认行为
阻止元素默认行为：
加了这个，点击按钮就无法跳转了。
还有，跳转百度链接亦是如此。
05.页面加载事件和页面滚动事件
学习新的事件：
（1）页面加载事件
实操：
如果我们不想要等所有都加载完成，可以使用如下方法：
实操：
总结：
（2）页面滚动事件
实操：
使用场景以及疑问：
解决方案：
要写在scroll事件里面。（实时更新）
实操：
scrollTop
在真实开发环境中，滚动滚动条比较少，更多是滚动页面。
知识点补充：拿到body/html标签的方法
总结：
06.client家族和offset家族
client家族和offset家族：页面尺寸事件
页面尺寸事件：
立即执行函数：
元素尺寸于位置：
