【校招VIP】JS语言之事件冒泡和捕捉

考点介绍：

事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。事件冒泡刚好相反，是从触发事件的那个节点一直到document，是自下而上的去触发事件。

本期分享的JS语言之事件冒泡和捕捉，分为试题、文章以及视频三部分。

答案详情解析和文章内容可扫下方链接即可查看！

一、考点题目

1.解释事件冒泡以及如何阻止它？

解答：事件冒泡是指嵌套最深的元素触发一个事件，然后这个事件顺着嵌套顺序在父元素上触发。防止事件冒泡的一种方法是使用 event.cancelBubble 或 event.stopPropagation()（低于 IE 9）……

2.下列哪些事件不支持冒泡?（）

A.resize

B.click

C.blur

D.mouseleave

正确答案： A,C,D，冒泡事件很多，个人觉得记住常见的不支持冒泡事件就可以了，有：①focus ②blur……

3.w3c 制定的 javascript 标准事件模型，以下正确的顺序以及描述是

A.事件捕获>事件冒泡

B.事件捕获->事件处理->事件冒泡

C.事件冒泡->事件处理

D.事件冒泡->事件处理->事件捕获

E.事件处理->事件捕获->事件冒泡

正确答案： B，dom2规定的事件流包括3个阶段：①事件捕获，②处于目标阶段（事件处理 ），③事件冒泡阶段……

4.在 W3C DOM 事件的回调函数中，如何阻止事件冒泡（）

A.preventDefault()

B.stopPropagation()

C.cancelBubble()

D.return false

正确答案： B，preventDefault() 阻止事件默认行为，stopPropagation() W3C标准的阻止冒泡，cancelBubble() ie的阻止冒泡……

（答案点击下方链接查看哦）

二、考点文章

1.解析Javascript事件冒泡机制

在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容……

2.终于弄懂了事件冒泡和事件捕获！

事件捕获，捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。事件冒泡，冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。捕获和冒泡过程图……

三、考点视频

1.跨域场景和解决方案

本题是前端校招考查相当多的考点，需要理解同源概念、跨域的主要场景以及前端和服务器端的解决方法，属于面5的必考点……

移动端链接：https://m.xiaozhao.vip/dTopic/detail/674

PC端链接：https://xiaozhao.vip/dTopic/detail/674