第 16 课 16 / 19 | 编码:L16-23
比较与审查

代码对照:差异会带来什么?

链接位于一个有 click 监听器的父容器中。两段处理器做的事是否相同?

写法 A

link.addEventListener("click", event => {
  event.preventDefault();
});

写法 B

link.addEventListener("click", event => {
  event.stopPropagation();
});

提问:指出关键差异,给出适用条件或反例;不要仅以代码长短判断。以上为对照片段,阅读其前提后再分析。

查看参考解析

A 阻止可取消的默认导航,但事件仍可冒泡;B 阻止继续传播,并不自动取消默认导航。两者用途不同,不能把“点击没跳转”和“父处理器没执行”混为一谈。