吃瓜网站&吃瓜事件：
- 1、JS事件与事件捕获
- 2、搞懂js事件、事件流(捕获冒泡)、事件委托
- 3、sentry-javascript解析(三)js异常错误如何捕获
- 4、JS三大事件(鼠标事件、键盘事件、html事件)及事件模型
- 5、js事件冒泡、捕获和浏览器默认行为
JS事件与事件捕获
DOM事件模型是现代浏览器支持的W3C标准模型，属于DOM Level 2模式。事件经历捕获阶段、目标阶段和冒泡阶段。捕获阶段从文档根节点流向目标对象，目标阶段事件在目标对象上触发，冒泡阶段事件回溯至根节点。在案例中，注意到evt事件在事件结束后被浏览器改变，若需在之后使用currentTarget，可将其复制至变量中。
理解JavaScr[文]ipt中的事件、事[章]件流（捕获冒泡）以[来]及事件委托是至关重[自]要的，它们是浏览器[Z]与用户交互的核心机[B]制。事件流包括三个[L]阶段：捕获阶段从文[O]档根节点开始向目标[G]对象传播，目标阶段[文]在目标元素上触发，[章]冒泡阶段则由目标向[来]上层元素回溯。不同[自]事件类型，如UI事[Z]件、焦点事件和鼠标[B]事件，都有各自触发[L]的时机。
了解JavaScript中的事件处理机制，首先要区分事件冒泡和事件捕获两种模式。事件捕获(event capturing)从document开始，沿着DOM树的结构向下直到目标节点，即自上而下的触发事件，非默认模式。而事件冒泡则是从目标节点开始，向上逐级传递到document，即自下而上的触发，这是默认行为。
搞懂js事件、事件流(捕获冒泡)、事件委托
理解JavaScript中的事件、事件流（捕获冒泡）以及事件委托是至关重要的，它们是浏览器与用户交互的核心机制。事件流包括三个阶段：捕获阶段从文档根节点开始向目标对象传播，目标阶段在目标元素上触发，冒泡阶段则由目标向上层元素回溯。不同事件类型，如UI事件、焦点事件和鼠标事件，都有各自触发的时机。
深入探讨JavaS[O]cript的事件机[G]制，包括事件流、冒[文]泡、捕获、浏览器默[章]认行为、事件对象以[来]及事件委托，旨在全[自]面理解前端交互的核[Z]心。事件流分为捕获[B]、目标事件和冒泡三[L]个阶段。在实际应用[O]中，我们通过HTM[G]L和JavaScr[文]ipt的结合，直观[章]展示了这一过程。
事件流是指事件在页面中传播的顺序，分为两个阶段：捕获阶段和冒泡阶段。通常我们使用 addEventListener 方法为元素添加事件，例如：document.querySelector(#card).addEventListener(click， function (event) { console.log(div#card 冒泡点击， event)； }， false)；。
DOM事件模型是现代浏览器支持的W3C标准模型，属于DOM Level 2模式。事件经历捕获阶段、目标阶段和冒泡阶段。捕获阶段从文档根节点流向目标对象，目标阶段事件在目标对象上触发，冒泡阶段事件回溯至根节点。在案例中，注意到evt事件在事件结束后被浏览器改变，若需在之后使用currentTarget，可将其复制至变量中。
sentry-javascript解析(三)js异常错误如何捕获
1、现在，我们深入解析sentry如何进行异常捕获。通过分析onerror的高阶函数封装，我们可发现其主要通过特定方法整合错误数据，最后统一上报。同样，unhandledrejection事件的捕获也遵循类似流程，但需考虑更多场景兼容性。
2、在JavaScript中使用Sentry，首先需要注册账号并获取dsn（唯一标识）。然后在项目中初始化Sentry SDK，并配置sourceMap以查看源代码。Sentry并不局限于raven.js，其功能多样，可根据需求进行灵活配置。
3、如果一个异常是[来]通过 try-catch[自] 捕获到的，这些信息[Z]都在 Error 对象上(主流浏览器[B]都支持)，所以 reportErr[L]or 也能收集到这些信息[O]。但如果是通过 window.on[G]error 捕获到的，我们都知[文]道这个事件函数只有[章] 3 个参数，所以这 3 个参数以外的信息就[来]丢失了。
4、方法 1：errorHandler errorHandler 是 Vue 中最常用的异常处理方式。在组件渲染时出现运行错误，错误会被传递至全局Vue.config.errorHandler 配置函数。我们可以通过这个钩子函数配合错误跟踪服务，如 Sentry，实现异常处理。方法 2：warnHandler warnHandler 专门用于捕获 Vue warning。在生产环境中不起作用。
JS三大事件(鼠标事件、键盘事件、html事件)及事件模型
本文将深入探讨JavaScript中的三大事件：鼠标事件、键盘事件以及HTML事件，并介绍事件模型的概念。同时，将通过实例解析事件冒泡与事件捕获机制，以及如何通过事件代理优化代码。首先，我们来谈谈鼠标事件。鼠标事件包括点击、鼠标悬停、拖动等，通过这些事件可以实现交互性的界面设计。
在JavaScri[自]pt中，三大事件模[Z]型包括鼠标事件、键[B]盘事件以及HTML[L]事件。接下来，让我[O]们一一解析。鼠标事[G]件主要涉及到用户与[文]网页的互动，包含但[章]不限于鼠标点击、悬[来]停、滚动、拖拽等操[自]作。这些事件能够帮[Z]助开发者捕捉用户的[B]动作，进而实现动态[L]的网页交互效果。键[O]盘事件则关注于用户[G]通过键盘输入时的反[文]应。
JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。 (5)跨平台性。JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。
js事件冒泡、捕获和浏览器默认行为
1、深入探讨JavaScript的事件机制，包括事件流、冒泡、捕获、浏览器默认行为、事件对象以及事件委托，旨在全面理解前端交互的核心。事件流分为捕获、目标事件和冒泡三个阶段。在实际应用中，我们通过HTML和JavaScript的结合，直观展示了这一过程。
2、具体实现如下：[章]使用原生JS阻止默[来]认行为，但不会停止[自]冒泡；使用jQue[Z]ry则可同时阻止默[B]认行为并停止冒泡。[L]需要注意的是，不同[O]浏览器在事件处理上[G]存在差异。在Fir[文]efox中，事件对[章]象是运行时的临时变[来]量，而在IE和Op[自]era中，事件对象[Z]的获取方式有所不同[B]。
3、事件捕获(event capturing)从document开始，沿着DOM树的结构向下直到目标节点，即自上而下的触发事件，非默认模式。而事件冒泡则是从目标节点开始，向上逐级传递到document，即自下而上的触发，这是默认行为。通过addEventListener方法为DOM元素添加事件监听，它有三个参数：事件类型、处理函数和是否使用捕获模式。
