吃瓜网站&吃瓜事件：
搞懂js事件、事件流(捕获冒泡)、事件委托
1、理解JavaScript中的事件、事件流（捕获冒泡）以及事件委托是至关重要的，它们是浏览器与用户交互的核心机制。事件流包括三个阶段：捕获阶段从文档根节点开始向目标对象传播，目标阶段在目标元素上触发，冒泡阶段则由目标向上层元素回溯。不同事件类型，如UI事件、焦点事件和鼠标事件，都有各自触发的时机。
2、深入探讨Jav[文]aScript的事[章]件机制，包括事件流[来]、冒泡、捕获、浏览[自]器默认行为、事件对[Z]象以及事件委托，旨[B]在全面理解前端交互[L]的核心。事件流分为[O]捕获、目标事件和冒[G]泡三个阶段。在实际[文]应用中，我们通过H[章]TML和JavaS[来]cript的结合，[自]直观展示了这一过程[Z]。
3、事件捕获是指在[B]捕获阶段执行事件。[L]修改以上代码，将c[O]ontainer的[G]addEventL[文]istener的第[章]三个参数设置为tr[来]ue。点击chil[自]d容器时，cont[Z]ainer的点击事[B]件在捕获阶段执行，[L]不会在冒泡阶段执行[O]。事件委托是一种J[G]avaScript[文]编程模式，通过将事[章]件绑定在父元素上，[来]利用事件冒泡原理，[自]实现对子元素的事件[Z]监听和处理。
4、事件流主要分为捕获、目标和冒泡阶段，涉及事件对象，它包含了事件类型、目标元素信息等。事件处理程序可以在每个阶段执行，允许开发者根据需要定制响应策略。 应用场景 事件流用于处理用户交互，如按钮点击。事件代理和事件委托是优化大量元素事件处理的策略，通过父元素统一管理，提高性能和代码简洁性。
5、获取事件对象和事件源可通过eventHandler(e)函数，取消事件默认行为则在eventHandler中使用e.preventDefault()。阻止事件冒泡则用e.stopPropagation()或e.cancelBubble = true。对于大量元素，事件委托是高效做法，如在table的父元素上监听click，判断targetNode是否为tr来执行相应操作。
js事件冒泡、捕获和浏览器默认行为
深入探讨JavaScript的事件机制，包括事件流、冒泡、捕获、浏览器默认行为、事件对象以及事件委托，旨在全面理解前端交互的核心。事件流分为捕获、目标事件和冒泡三个阶段。在实际应用中，我们通过HTML和JavaScript的结合，直观展示了这一过程。
事件捕获(even[B]t capturing[L])从documen[O]t开始，沿着DOM[G]树的结构向下直到目[文]标节点，即自上而下[章]的触发事件，非默认[来]模式。而事件冒泡则[自]是从目标节点开始，[Z]向上逐级传递到do[B]cument，即自[L]下而上的触发，这是[O]默认行为。通过ad[G]dEventLis[文]tener方法为D[章]OM元素添加事件监[来]听，它有三个参数：[自]事件类型、处理函数[Z]和是否使用捕获模式[B]。
他们是描述事件触发[L]时序问题的术语。事[O]件捕获指的是从do[G]cument到触发[文]事件的那个节点，即[章]自上而下的去触发事[来]件。相反的，事件冒[自]泡是自下而上的去触[Z]发事件。绑定事件方[B]法的第三个参数，就[L]是控制事件触发顺序[O]是否为事件捕获。t[G]rue，事件捕获；[文]false，事件冒[章]泡。默认false[来]，即事件冒泡。
理解JavaScr[自]ipt中的事件、事[Z]件流（捕获冒泡）以[B]及事件委托是至关重[L]要的，它们是浏览器[O]与用户交互的核心机[G]制。事件流包括三个[文]阶段：捕获阶段从文[章]档根节点开始向目标[来]对象传播，目标阶段[自]在目标元素上触发，[Z]冒泡阶段则由目标向[B]上层元素回溯。不同[L]事件类型，如UI事[O]件、焦点事件和鼠标[G]事件，都有各自触发[文]的时机。
true=捕获 false=冒泡 传统绑定事件方式 在一个支持W3C DOM的浏览器中，[章]像这样一般的绑定事[来]件方式，是采用的事[自]件冒泡方式。
JavaScript中事件冒泡指的是，JavaScript事件从目标事件开始，自下而上地与上一级标签内部事件进行比较，从而去触发事件发生。JavaScript事件冒泡允许多个操作被集中处理，可以将事件处理器添加到一个父级元素上，避免事件处理器添加到多个子级元素上，允许事件在对象层的不同级别捕获事件。
javascript三类内置对象(js有哪些内置对象)
1、JavaScript内置对象包括： `Array`对象：用于处理数组数据。 `Date`对象：用于处理日期和时间。 `Math`对象：用于执行数学运算和常数。 `String`对象：用于处理字符串数据。 `RegExp`对象：用于处理正则表达式和字符串匹配操作。
2、，内置对象（静[Z]态对象）2，本地对[B]象（非静态对象）3[L]，宿主对象 首先来说宿主对象，[O]宿主，顾名思义，就[G]是js运行和存活的[文]地方，它的生活环境[章]：就是 DOM(文档对象模[来]型)和BOM(浏览[自]器对象模型).其次[Z]说一下内置对象。
3、JavaScr[B]ipt内置对象有以[L]下几种：全局对象：[O]在JavaScri[G]pt中，全局对象是[文]最主要的内置对象，[章]几乎所有的全局变量[来]和方法都是其属性和[自]方法。如Math、[Z]Date、JSON[B]等。这些全局对象提[L]供了一种标准方式来[O]处理一些通用任务。[G]例如：Math对象[文]包含一系列数学常数[章]和函数；Date对[来]象可以处理日期和时[自]间相关的操作。
4、javascript内置对象有哪些字符串、数字、布尔值、undefined以及null都是原始类型（primitive）而非对象。而String，Number，Boolean，Object都是语言内置的对象（built-inobject），可以通过各自的构造函数得到。
js如何阻止事件冒泡
为了阻止事件冒泡，可以在事件处理程序中调用事件对象的`stopPropagation`方法。这个方法会阻止事件进一步传播，即阻止事件冒泡。当调用此方法后，同一事件不再向上级元素传递。
在JavaScri[Z]pt中，事件对象提[B]供了一个名为`st[L]opPropaga[O]tion`的方法，[G]可以用来阻止事件冒[文]泡。这个方法的作用[章]是阻止事件进一步传[来]播到外层元素。当你[自]在处理某个事件时，[Z]可以调用该方法来防[B]止其他外层元素接收[L]到该事件。这样做的[O]具体方式是在事件处[G]理函数内部调用`e[文]vent.stop[章]Propagati[来]on`。
阻止事件冒泡的方法[自]主要有两个：使用`[Z]event.sto[B]pPropagat[L]ion()`和使用[O]事件委托。使用`e[G]vent.stop[文]Propagati[章]on()`在事件处[来]理函数内部阻止事件[自]冒泡，仅限于处理当[Z]前事件层次。而事件[B]委托则是利用事件冒[L]泡的特性，将事件监[O]听器绑定在父元素上[G]，只处理特定子元素[文]的事件，从而避免了[章]频繁的事件处理函数[来]调用。
在需要阻止冒泡的场景中，可以尝试使用自定义事件作为替代方案。通过创建自定义事件并使用特定的事件处理逻辑，可以在需要时触发特定行为，而无需直接阻止原生事件的传播。
js中的对象是什么意思?
JS中的对象是指一种无序的数据集合，由若干个键值对组成。每个键值对都有一个唯一的键名与对应的值，它们被包含在一对花括号内，并用逗号分隔开。对象在JS中占有重要地位，可存储任意类型的数据，同时还支持实现面向对象编程的特性。使用JS对象可以构建许多实际项目，如数据存储、DOM操作与事件处理等。
在JavaScri[自]pt语言中，对象是[Z]指由属性和方法组成[B]的一种复合值。对象[L]可以看做是属性和方[O]法的集合，其中属性[G]是对象的特征（也可[文]以称之为数据），而[章]方法则是对象的行为[来]（也可以称之为函数[自]）。具体来说，属性[Z]是以名/值对的形式[B]定义的，而方法则是[L]以函数的形式定义的[O]。
JavaScript（简称JS）是一种高级编程语言，它允许开发人员创建交互式 Web 应用程序。在JS中，对象是一种数据类型，也是一种使用属性和方法来组织数据的数据结构。对象可以表示现实世界的事物或事件，提供了一种非常方便的方式来组织和访问数据。
在JavaScri[G]pt中，对象是一种[文]复合数据类型，它可[章]以存储数据和方法。[来]对象是由一组属性和[自]值组成的，每个属性[Z]名称都是唯一的。当[B]我们需要定义一些自[L]定义数据类型时，可[O]以使用对象来定义。[G]对象的属性可以包含[文]一个或多个基本数据[章]类型，如字符串、数[来]字、布尔和null[自]，也可以包括其他对[Z]象。
JS 是基于原型的面向对[B]象语言， 所有数据都可以当作[L]对象处理，所以 person 是对象， 可以把它当作是 Object 的实例. 当然， 一切都是对象。第二[O]个采用对象字面量的[G]方式生成的pers[文]on也是如此。然而[章]它内部没有调用ne[来]w Object()，[自]而是采用JSON的[Z]初始化方式：将现有[B]的引用指向pers[L]on。
学习javascript的时候，我曾经一度搞不清楚”数组”(array)和”对象”(object)的根本区别在哪里，两者都可以用来表示数据的集合。
