标签：元素 14 通过 冒泡 IntersectionObserver 温习 日志 节点 target
温习日志
——2023年2月8日下午
学习内容
- 事件冒泡练习
- 通过点击事件中函数参数的
e.target就是所点击的具体元素，最终会一直向上传递，通过e.currentTarget获取最终的元素
- 可以通过
e.stopPropagation()禁止冒泡
- Event Delegation_Implementing Pagge Navigation
- 通过
childNodes获取所有的子节点，包括文字节点、注释节点
- 可以通过
children获取元素节点
- 通过
firstElementChild和lastElementChild访问子节点的第一个和最后一个元素节点
- 通过
parentNode和parentElement返回元素的父元素
- 通过
previousElementSibling和nextElementSibling访问上下兄弟元素节点
- 通过
previousSibling和nextSibling访问上下节点，可以是文字节点
- DOM Traversing
- 对于点击事件可以向上冒泡，使用我们可以给需要添加事件的父元素添加事件，然后通过
e.target获取点击的具体元素，查询e.target.closest(需要添加事件的元素)
- The IntersectionObserver
- 通过
new IntersectionObserver(回调函数, 选择的对象形式数据)创建对象
- 回调函数接受两个参数，分别是
entries和observer
entries中有一个entry包含isIntersecting返回布尔类型等等- 选择的对象数据,有
{root: null, threshold: 0.1, rootMargin: '-xxPX'}，threshold代表该被观察的元素离视窗的百分之十时触发，rootMargin则是具体多少像素
- 最后通过创建的
IntersectionObserver引用observe(选择观察的对象)选择观察的对象
明日计划
- 明天十二点半起床，十三点开始学习JS基础知识
- 学习至下午五点半
- 晚上六点半学习React知识
- 学习至八点半
标签：元素,
14,
通过,
冒泡,
IntersectionObserver,
温习,
日志,
节点,
target
From： https://www.cnblogs.com/jsst/p/17103036.html