Quiz Entry - updated: 2026.07.14
What are the most common DOM events in JavaScript?
The everyday DOM events fall into mouse (click), keyboard (keydown), form (submit, input, change), window (load, resize, scroll), and touch groups.
Key events organized by category:
| Category | Events | Triggered When |
|---|---|---|
| Mouse | click, dblclick, mouseenter, mouseleave |
User interacts with mouse |
| Keyboard | keydown, keyup, keypress |
User presses keys |
| Form | submit, change, input, focus, blur |
Form interaction |
| Window | load, resize, scroll, unload |
Page/window changes |
| Touch | touchstart, touchend, touchmove |
Mobile touch |
Most frequently used:
click- Button presses, link clicksinput- Real-time form input (reactive forms)submit- Form submissionload- Page/image fully loadedkeydown- Keyboard shortcuts
Tip: Use input for real-time validation; use change for when the field loses focus.