什么是 E？
在前端编程中，我们经常会看到这样一种函数定义方式：
function(e) {
// function body
}这里的 e 实际上是一个事件对象，表示当前触发的事件。事件可以是用户的鼠标点击、键盘输入等行为，也可以是浏览器自身的事件，比如页面加载完成、窗口大小改变等。
为什么需要 E？
事件对象的存在，使得我们能够在 JavaScript 中方便地获取和操作用户行为，从而实现更加交互式和动态的页面效果。例如，当用户点击某个按钮时，我们可以通过事件对象来获取点击位置、鼠标状态等信息，然后根据这些信息来改变页面上其他元素的展示、状态等。
E 实际上做了什么？
事件对象本质上是一个 JavaScript 对象，包含了大量关于当前事件的信息和方法。其中最重要的属性包括：
type：表示事件类型，比如"click"、"keydown"等。target：表示当前触发事件的 DOM 元素，即事件源。currentTarget：表示当前绑定事件处理函数的 DOM 元素，也就是事件监听器。preventDefault()：方法，用于阻止事件的默认行为，例如点击链接时阻止跳转。stopPropagation()：方法，用于停止事件传播，避免冒泡或捕获。
除了这些基本属性和方法外，不同类型的事件对象还会有一些特定的属性和方法。例如，MouseEvent 对象就包含了鼠标状态、位置等信息，KeyboardEvent 对象则包含了按键码、按键字符等信息。
示例代码
以下是一个简单的示例，演示如何通过事件对象来获取和操作页面元素：
-- -------------------- ---- -------
------- ---------------- -----------
---- -----------------
--------
----- --- - ---------------------------------
----- --- - ---------------------------------
----------------------------- ----------- -
-- ------
-------------------
-- ------
------------------------------ - --------
-- - --- -----
--------------- - ------ --------
---
---------在该示例中，我们监听了按钮的点击事件，并通过事件对象来防止默认行为、修改按钮样式以及向页面插入文本内容。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13801