Useful Links
Computer Science
Programming
By Language
JavaScript and the DOM
1. Introduction to the Document Object Model (DOM)
2. Selecting DOM Elements
3. Traversing the DOM Tree
4. Manipulating DOM Elements
5. Creating and Inserting DOM Elements
6. Handling Events
7. Working with Web Forms
8. Advanced DOM Concepts
Handling Events
Event Fundamentals
Event-Driven Programming
User-Generated Events
System-Generated Events
Event Lifecycle
Event Registration
addEventListener() Method
Basic Syntax
Event Type Parameter
Callback Function
Options Object
capture Option
once Option
passive Option
removeEventListener() Method
Removing Event Listeners
Function Reference Requirements
Event Handler Properties
onclick Property
onload Property
Differences from addEventListener()
Limitations
Event Object
Event Properties
target Property
currentTarget Property
type Property
bubbles Property
cancelable Property
timeStamp Property
Event Methods
preventDefault() Method
stopPropagation() Method
stopImmediatePropagation() Method
Event Propagation
Event Flow Phases
Capturing Phase
Target Phase
Bubbling Phase
Controlling Propagation
Practical Applications
Event Delegation
Concept and Benefits
Implementation Techniques
Dynamic Content Handling
Performance Advantages
Best Practices
Mouse Events
click Event
dblclick Event
mousedown Event
mouseup Event
mouseover Event
mouseout Event
mouseenter Event
mouseleave Event
mousemove Event
Mouse Event Properties
Keyboard Events
keydown Event
keyup Event
keypress Event
Key Identification
key Property
code Property
keyCode Property
Modifier Keys
Keyboard Event Patterns
Form Events
submit Event
reset Event
focus Event
blur Event
change Event
input Event
Form Event Handling Patterns
Window and Document Events
load Event
DOMContentLoaded Event
resize Event
scroll Event
unload Event
beforeunload Event
Event Timing Considerations
Previous
5. Creating and Inserting DOM Elements
Go to top
Next
7. Working with Web Forms