[分享]javascript事件监听

1.在JavaScript中，事件监听是通过addEventListener()方法实现的。
element.addEventListener(event, function, useCapture);
（1）element指的是要监听的HTML元素
（2）event指的是要监听的事件类型
（3）function指的是在事件发生时要执行的函数
（4）useCapture是一个可选的布尔值，用于指定事件是否在捕获阶段处理。
2.常见的事件类型及其描述:
click：用户单击了某个元素。
dblclick：用户双击了某个元素。
mousedown：用户按下了鼠标按钮。
mouseup：用户释放了鼠标按钮。
mousemove：用户移动了鼠标。
mouseover：鼠标移到某个元素上。
mouseout：鼠标从某个元素移开。
keydown：用户按下了键盘上的某个键。
keyup：用户释放了键盘上的某个键。
focus：某个元素获得了焦点。
blur：某个元素失去了焦点。
load：某个元素完成加载。
unload：某个元素被卸载。
3.在事件监听器中，我们需要定义一个事件处理函数，用于在事件发生时执行特定的代码。事件处理函数可以是任何JavaScript函数，包括匿名函数和已命名函数。
4.在JavaScript中，事件传播分为三个阶段：捕获阶段、目标阶段和冒泡阶段。默认情况下，事件处理函数会在冒泡阶段执行。
5.在事件监听器中，事件对象是一个非常重要的概念。事件对象包含了关于事件的所有信息，例如事件类型、事件目标和鼠标位置等。我们可以使用事件对象来获取这些信息，并在事件处理函数中进行处理。
常用的事件对象属性：
type：事件类型。
target：事件目标元素。
currentTarget：当前正在处理事件的元素。
clientX/clientY：鼠标相对于浏览器窗口左上角的坐标。
pageX/pageY：鼠标相对于文档左上角的坐标。
keyCode：按下的键盘键的键码值。
6.事件监听是Web开发中非常重要的一个概念，掌握了它的用法，可以让我们实现更加丰富和动态的交互效果。