事件对象与页面滚动

3.1事件对象

事件对象与页面滚动_第1张图片
事件对象与页面滚动_第2张图片

3.2获取事件对象

事件对象与页面滚动_第3张图片

4.环境对象

事件对象与页面滚动_第4张图片

5.回调函数

事件对象与页面滚动_第5张图片

事件流

1.事件流与两个阶段说明

事件流指的是事件完整执行过程中的流动路径
捕获—>冒泡
事件对象与页面滚动_第6张图片

1.2事件捕获

事件对象与页面滚动_第7张图片

1.3事件冒泡

事件对象与页面滚动_第8张图片

1.4阻止冒泡

事件对象与页面滚动_第9张图片
使用事件对象可以阻止冒泡
事件对象与页面滚动_第10张图片

1.5解绑事件

事件对象与页面滚动_第11张图片
两种事件的区别
事件对象与页面滚动_第12张图片

1.6事件委托

事件对象与页面滚动_第13张图片
事件委托是一种利用事件流特征的技巧
事件对象与页面滚动_第14张图片

事件对象与页面滚动_第15张图片

1.4阻止冒泡

事件对象与页面滚动_第16张图片
事件对象与页面滚动_第17张图片

3.1页面加载事件

事件对象与页面滚动_第18张图片
事件对象与页面滚动_第19张图片
事件对象与页面滚动_第20张图片

3.2页面滚动事件——scroll

事件对象与页面滚动_第21张图片
事件对象与页面滚动_第22张图片

3.3页面尺寸事件

获取元素宽高

事件对象与页面滚动_第23张图片

4.元素尺寸位置

事件对象与页面滚动_第24张图片
事件对象与页面滚动_第25张图片

client不包含边框,如果想要连同边框也算的话使用offset
事件对象与页面滚动_第26张图片

总结:

事件对象与页面滚动_第27张图片

你可能感兴趣的:(Javascript,javascript)