Event

An action or change that software can detect and respond to.

01 · What is it?

An event is something that happens in the browser or user interface.

JavaScript can detect events and run code in response.

A simple definition: an event tells software that something happened.

02 · Think of it like...

Think of an event as a signal.

Something happens. The signal is detected. Software responds.

Something Happens

Event

Software Response

03 · What does it do?

Events allow software to react to user and system actions.

Click

Input

Change

Submit

Load

Key Press

04 · Where is it used?

Events are used throughout interactive web pages.

Click a Button

Type in a Search Box

Submit a Form

Select an Option

Load a Page

Open a Menu

05 · Example

button.addEventListener("click", () => {
  console.log("Button clicked");
});

"click"
is the event.

addEventListener()
waits for the event.

The function
runs when the event happens.

06 · How it connects

User Action

Event

Event Listener

JavaScript Function

Page Update

Events connect user actions with software behavior.

07 · Do Not Confuse

Event ≠ Event Listener

Event
Something that happens.

Event Listener

Code that waits for the event.

Event = Signal·Event Listener = Listener

08 · Topic Glossary

ENGLISH TERM	中文	SIMPLE ENGLISH	中文小白理解
Event	事件	An action or change software can detect.	软件可以检测到的操作或变化。
Click Event	点击事件	An event triggered when a user clicks something.	用户点击页面元素时触发的事件。
Input Event	输入事件	An event triggered when input data changes.	用户输入内容发生变化时触发的事件。
Change Event	变更事件	An event triggered when a value is changed.	某个控件的值发生变化时触发的事件。
Submit Event	提交事件	An event triggered when a form is submitted.	表单被提交时触发的事件。
Load Event	加载事件	An event triggered when a resource or page finishes loading.	页面或资源加载完成时触发的事件。
Event Listener	事件监听	Code that waits for an event and runs an action.	等待事件发生并执行代码的机制。
Handler	事件处理函数	Code that runs when an event occurs.	事件发生后负责处理该事件的代码。
User Action	用户操作	An action performed by a user.	用户在页面中执行的操作。
JavaScript	JavaScript	The language commonly used to handle browser events.	常用来处理浏览器事件的编程语言。

09 · What to Remember

An event means something happened.

JavaScript can respond to events.

Events are the foundation of interactive web pages.

Action→Event→Response