常用事件类型 Common event types
Last updated: 2026-09-09
常用事件类型 Common event types
DOM event types: mouse, keyboard, form, touch events.
| Category | DOM |
|---|---|
| ES version | DOM |
📝 Syntax
el.addEventListener('eventType', handler);Returns：undefined.
Mutates the original：No (returns a new value)
▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
(events fire)💡 Tip input event is better than keyup for real-time monitoring — supports paste/voice.
ℹ️ info DOMContentLoaded fires earlier than window.load.
🌐 Browser support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| 常用事件类型 | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported by all modern browsers | |||||
🏷️ Related Items
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
❓ FAQ
Qinput vs change?
Ainput fires on every keystroke; change on blur.
QDOMContentLoaded vs load?
ADOMContentLoaded after HTML parse; load after all resources.
QHow to prevent form redirect?
Aform.addEventListener('submit', e => e.preventDefault()).
