JavaScript: Events

Learn to use JavaScript events to respond to clicks, form input, and touch gestures in your web applications.

Introduction

• Introduction
• What you should know
• Using the exercise files

1. Learning about Events

• Understanding event registration
• Using events with old browsers
• Analyzing event properties
• Understanding event propagation
• Stopping event propagation
• Cancelling default behavior

2. Working with Common Events

• Removing DOM elements with events
• Cleaning up event issues
• Creating DOM elements with events
• Removing an event
• Preventing default events

3. Working with Time-Based Events

• Creating a spinner graphic for large image loads
• Playing media events
• Monitoring media-ended events
• Handling media pauses
• Starting a new song

4. JavaScript: Events in Action

• What we'll be building
• Preparing SVG assets
• Setting up our core files
• Starting to drag
• Dragging and dropping
• Dealing with layers
• Adding touch events

Conclusion

• Next steps