核心知识
冒泡
大多数常用事件会从目标向祖先冒泡,使父容器能够统一处理子项。
- 父子元素都监听时可观察顺序
- stopPropagation 会阻断传播,应谨慎
- 冒泡是事件委托基础
list.addEventListener('click', event => {
const button = event.target.closest('button');
if (button) select(button);
});
大多数常用事件会从目标向祖先冒泡,使父容器能够统一处理子项。
list.addEventListener('click', event => {
const button = event.target.closest('button');
if (button) select(button);
});