【校招VIP】前端js语言考点之事件冒泡与捕捉

考点介绍：

事件冒泡指的是事件传播的一种方式；是事件从内层嵌套元素，向外层容器元素传播的事件传播方式；和冒泡向对应的就是捕获；是事件从外层容器元素向内层嵌套元素的传播方式。

本期分享的前端js语言考点之事件冒泡与捕捉，分为试题、文章以及视频三部分。

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

一、考点题目

1、JS中阻止冒泡事件的方法有哪些

解答：
1.event.stopPropagation()方法
2.event.preventDefault()方法
3.return false……

2、如何让事件先冒泡后捕获

解答：先捕获后冒泡这是机制问题，不可能改变的。可以改变的只有二者的回调函数的执行顺序。如果问题改为：“如何先执行冒泡的回调，后执行捕获的回调”，就简单很多。当业务逻辑较为简单时，可以通过定时器才实现；万能的方法可以用一个局部变量来实现，在捕获的回调中去修改这个局部变量，在冒泡的回调中判断这个局部变量是否被修改......

3、事件、IE与火狐的事件机制有什么区别？如何阻止冒泡？

解答：事件处理机制：IE是事件冒泡、firefox同时支持两种事件模型，也就是：捕获型事件和冒泡型事件......

二、考点文章

1、详解事件捕获和冒泡

有一篇详细解释事件顺序的博文，虽然有点老不过感觉写的非常好，决定翻译一下。本来发到自己的博客，放这里希望更多人可以看看。我之前在上一篇事件介绍的博文中问过一个似乎很难理解的问题：如果一个元素和他的上层元素对同一个事件都有着事件处理方法，那么究竟谁应该先启动呢？不出意外，答案取决于何种浏览器……

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

捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)……

三、考点视频

1、从浏览器输入URL到展示页面的全流程是怎么样的

本题目可以理解为从本地终端（如手机、电脑）访问一个网站，怎么处理请求并且加载出数据的。实际上考察的是计算机网络TCP/IP协议栈。主要的得分项为TCP协议各层的描述、数据传送的封装和解包、一次页面包含多个TCP连接，另外还有一个加分项，能不能考虑到浏览器缓存的情况……

更多资讯可搜索校招VIP小程序查看哦！
移动端链接：https://m.xiaozhao.vip/dTopic/detail/443
PC端链接：校招VIP，专题 - 校招VIP