addEventListener()，事件监听

一、事件监听

1.1 简介

在 JavaScript 中，事件监听指的是为 DOM 元素添加事件处理程序，以便在某个事件发生时执行相应的代码。如：点击按钮、滚动页面、鼠标移动等。

事件的监听可以直接在 HTML 标签上添加，也可以使用 JavaScript 中的 addEventListener() 方法来实现。

1.2 语法

element.addEventListener(event, function, useCapture)

其中，

- element：要添加事件监听的 DOM 元素。

- event：要监听的事件名称，如 click、blur、keypress 等。

- function：当事件被触发时执行的函数。

- useCapture：可选参数，boolean 类型，表示是否在捕获阶段执行监听函数，true 表示在捕获阶段执行，false 表示在冒泡阶段执行，如果不指定该参数，则默认为 false。

1.3 使用方法

addEventListener() 方法可以在任何 DOM 元素上使用，如文本框、按钮、下拉列表等，而我们通常会将它添加在 HTML 文件中的

```

2.2 输入框事件

当通过键盘输入时，将输入的字符显示在页面上。

```html

```

2.3 滚动事件

当页面滚动时，将页面顶部的导航栏固定在页面的顶部。

```html

```

2.4 鼠标事件

当鼠标移动到某个元素上时，改变该元素的背景色。

```html

```

2.5 表单事件

当提交表单时，禁止表单的默认行为，同时输出表单的内容。

```html

```

以上就是 addEventListener() 事件监听的详细介绍，希望对你有所帮助。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/