如何理解浏览器的事件

朱雀 2024-05-08 06:32 9阅读 0赞

#### 文章目录 ####

*  理论知识
 *  参考链接

## 理论知识 ##

我们知道用户产生的所有操作都会被操作系统所捕获并记录下来，所以浏览器内部实现了一个消息队列，该消息队列由一个常驻线程**消息线程**进行维护。

当有事件发生时，消息线程就会把刚刚发生的事件消息放入消息队列中。

消息发生时是自底向上的，消息接收时是自顶向下的。

除此之外，浏览器还有两个常驻线程：JS线程和UI线程，这两个线程不断地从消息队列中取出事件并执行相应的回调函数，这样就构成了浏览器的事件机制。

## 参考链接 ##

[MDN事件介绍][MDN]

[浏览器的消息队列和事件循环][Link 1]

[DOM事件模型][DOM]

[MDN]: https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks/Events
[Link 1]: https://blog.csdn.net/qq_44182284/article/details/117777455
[DOM]: https://zhuanlan.zhihu.com/p/352871077#:~:text=%20%E4%BA%8B%E4%BB%B6%E5%B0%B1%E6%98%AF%E6%96%87%E6%A1%A3%E6%88%96%E6%B5%8F%E8%A7%88%E5%99%A8%E7%AA%97%E5%8F%A3%E4%B8%AD%E5%8F%91%E7%94%9F%E7%9A%84%E4%B8%80%E4%BA%9B%E7%89%B9%E5%AE%9A%E7%9A%84%E4%BA%A4%E4%BA%92%E7%9E%AC%E9%97%B4%EF%BC%8C%E8%80%8C%E4%BA%8B%E4%BB%B6%E6%B5%81,%28%E5%8F%88%E5%8F%AB%E4%BA%8B%E4%BB%B6%E4%BC%A0%E6%92%AD%29%E6%8F%8F%E8%BF%B0%E7%9A%84%E6%98%AF%E4%BB%8E%E9%A1%B5%E9%9D%A2%E4%B8%AD%E6%8E%A5%E6%94%B6%E4%BA%8B%E4%BB%B6%E7%9A%84%E9%A1%BA%E5%BA%8F%E3%80%82%20%23%23%23%20%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关如何理解浏览器的事件

文章目录理论知识参考链接理论知识我们知道用户产生的所有操作都会被操作系统所捕获并记录下来，所以浏览器内部实现了一个消息队列，该消息队列由一个常驻线程消息线程进行维护。当有...

朱雀/ 2024年05月08日 06:32/ 0 赞/ 10 阅读

相关 javascript 浏览器事件循环

一、概述 1. 执行栈：放置需要执行的同步任务 2. 任务队列 1. 宏任务(task)：`<script>`标签的整体代码、`setTimeou

r囧r小猫/ 2022年11月21日 03:51/ 0 赞/ 158 阅读

相关深入理解浏览器的事件机制

目录 1. 事件模型 2. 事件循环（1）单线程的JavaScript

墨蓝/ 2022年11月15日 03:59/ 0 赞/ 162 阅读

相关面试官：JavaScript中的事件模型如何理解?

![b351f6bfbeef2ddc9901380f49460754.png][] 一、事件与事件流 `javascript`中的事件，可以理解就是在`HTML`文档或

╰半夏微凉°/ 2022年11月04日 11:08/ 0 赞/ 89 阅读

相关 jquery 事件冒泡的介绍以及如何阻止事件冒泡、浏览器默认行为

什么是JS事件冒泡？在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事

傷城~/ 2022年09月24日 06:25/ 0 赞/ 123 阅读

相关事件流：事件冒泡和事件捕获的理解

事件: JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的

短命女/ 2022年03月02日 15:38/ 0 赞/ 269 阅读

相关跨浏览器的事件对象

var EventUtil = { target : function(e){ //目标事件 e = e

﹏ヽ暗。殇╰゛Y/ 2021年12月07日 11:07/ 0 赞/ 253 阅读

相关浏览器事件循环介绍

> 这里只介绍浏览器中的事件循环，node 中的事件循环放在 node.js 专题部分文章目录 github 获取更多前端资源灵魂三问

àì夳堔傛蜴生んèń/ 2021年11月10日 06:46/ 0 赞/ 287 阅读

相关浏览器的事件循环详解

浏览器的事件循环详解前言浏览器事件循环，基础面试中大部分都会问的，本文讲讲这个知识点。事件循环机制事件循环是负责执行代码、收集和处理事件以及执行队列中的子任务的一...

朱雀/ 2020年06月21日 13:33/ 0 赞/ 782 阅读

相关浏览器的事件循环

事件循环是负责执行代码、收集和处理事件以及执行队列中的子任务的一套机制。在事件循环机制中，使用的栈数据结构便是执行上下文栈，每当有函数被调用时，便会创建相对应的执行上下...

小灰灰/ 2020年06月17日 16:25/ 0 赞/ 810 阅读