【八股系列】点击一个按钮，浏览器会做些什么事情【呈现效果时流程】？(js)

🎉 博客主页：【剑九 六千里-优快云博客】
🎨 上一篇文章：【怎么处理项目中的异常捕获行为？（js）】
🎠 系列专栏：【面试题-八股系列】
💖 感谢大家点赞👍收藏⭐评论✍

引言

在我们日常浏览网页时，轻轻一点，似乎一切变化都发生在瞬间。但在这简单的动作背后，浏览器正进行着一系列复杂而精细的操作，确保每一个交互都能准确无误地完成。本文将带你深入探索，当我们在网页上点击一个按钮时，浏览器内部究竟经历了怎样的“旅程”。

1. 事件的启程：捕获与目标识别

故事的起点，始于你的指尖轻触鼠标的那一刻。首先，浏览器会从文档根节点开始，向下遍历至目标元素（本例中为按钮）