Join Ray Villalobos for an in-depth discussion in this video Removing DOM elements with events, part of JavaScript: Events.
Once you learn out how events work you'll find that no matter…what events you're dealing with, they're all pretty much handled the same way.…The type of event and the action that's performed…might be different, but the sequence is usually the same.…In the next few movies we're going to practice what we…learned about events, and I'm going to focus on the modern event model.…The one that allows you to place a single event…handler for a group of elements using at event listener.…I'm going to start by working with an example which uses…click events.…In case you're wondering why I'm doing click events…again, this is going to be a more practical example.…
And what you'll find is that when you're working with real elements.…Things are going to be a little bit different, and we'll have to take care of…some additional things you may have not thought…of, when you're just learning about the events.…So here's a setup.…We got a page with a series of images, and we want to help the…user pick his favourite piece of art from our list by the process of elimination.…
Author
Released
9/17/2013- Understanding event registration and propagation
- Analyzing event properties
- Creating and removing DOM elements with events
- Removing an event
- Canceling and preventing default events
- Playing media events
- Handling media pauses
- Dragging and dropping
- Adding touch events
Skill Level Intermediate
Duration
Views
Related Courses
-
Outlook 2003 Essential Training
with David Rivers5h 45m Beginner -
Access 2003 Essential Training
with Mark Swift4h 55m Beginner -
Flash MX 2004 Audio & Video Integration
with Shane Rebenschied12h 31m Intermediate -
Flash Professional 8 New Features
with Shane Rebenschied58m 58s Intermediate -
Excel 2007 Essential Training
with Lorna Daly5h 13m Beginner -
PowerPoint 2007 Essential Training
with David Rivers6h 29m Beginner -
Publisher 2007 Essential Training
with David Rivers5h 47m Beginner -
Visio 2007 Essential Training
with David Rivers8h 55m Appropriate for all -
FileMaker Pro 8.5 New Features
with Cris Ippolite1h 23m Intermediate -
Outlook 2007 Essential Training
with Sean Conrad2h 37m Beginner -
Windows Vista Essential Training
with Jeff Van West12h 9m Beginner -
Project 2007 Essential Training
with Lorna Daly3h 59m Beginner -
Access 2007 Essential Training
with David Rivers5h 27m Beginner -
SharePoint 2007 Essential Training
with David Rivers7h 48m Beginner -
Creative Inspirations: tokidoki, Character Illustrator
with Simone Legno1h 1m Appropriate for all -
Getting Started with Apple Color
with Robbie Carman1h 10m Beginner -
Word 2008 for Mac Essential Training
with David Rivers8h 35m Beginner -
Acrobat 9 Pro: Creating Forms
with Brian Wood8h 37m Intermediate -
Acrobat 9 Pro Essential Training
with Brian Wood9h 34m Beginner -
Aperture 2 New Features
with Derrick Story1h 16m Intermediate -
Artist Series with Hillman Curtis
with Hillman Curtis51m 13s Appropriate for all -
Creative Inspirations: Douglas Kirkland, Photographer
with Douglas Kirkland1h 15m Appropriate for all -
Creative Inspirations: Big Spaceship, Digital Creative Agency
with Big Spaceship1h 11m Appropriate for all -
Creative Inspirations: Rick Morris, Motion Graphics Designer
with Rick Morris45m 18s Appropriate for all -
Creative Inspirations: Margo Chase, Graphic Designer
with Margo Chase1h 18m Appropriate for all -
Margo Chase's Hand-Lettered Poster: Start to Finish
with Margo Chase14m 21s Appropriate for all -
Creative Inspirations: Ron Crabb, Digital Illustrator
with Ron Crabb1h 25m Appropriate for all -
OneNote 2007 Essential Training
with David Rivers5h 28m Beginner -
InfoPath 2007 Essential Training
with David Rivers5h 6m Beginner -
Creative Inspirations: Jason Bentley, Radio DJ and Musician
with Jason Bentley1h 18m Appropriate for all -
Flash CS4 Professional: Building UI Elements
with Todd Perkins3h 33m Intermediate -
Creative Inspirations: Troika Design Group, Design and Branding Agency
with Troika Design Group1h 21m Appropriate for all -
Word 2007: Formatting Long Documents
with David Rivers4h 41m Intermediate -
Troika's ABC Brand Campaign: Start to Finish
with Troika Design Group21m 32s Appropriate for all -
Branden Hall: Interactive Architect and Digital Maker
with Branden Hall44m 43s Appropriate for all -
Creative Inspirations: Dale Herigstad & Schematic, Interactive Design Agency
with Dale Herigstad1h 23m Appropriate for all -
Creative Inspirations: Hot Studio, Experience Design
with Maria Giudice1h 2m Appropriate for all -
ASP.NET Essential Training
with David Gassner6h 24m Beginner -
Designing a Magazine Layout (2009)
with Nigel French3h 25m Intermediate -
Creative Inspirations: Harry Marks, Broadcast Designer
with Harry Marks1h 9m Appropriate for all -
3ds Max 2010 New Features
with Steve Nelle1h 38m Intermediate -
CSS Positioning Best Practices
with Bill Weinman2h 32m Intermediate -
XHTML and HTML Essential Training
with Bill Weinman4h 44m Beginner -
Ruby Essential Training
with Kevin Skoglund6h 57m Beginner -
Creative Inspirations: Rick Smolan, Photographer
with Rick Smolan1h 19m Appropriate for all -
Learning GREP with InDesign
with Michael Murphy3h 45m Intermediate -
Mixing and Mastering with Pro Tools
with Brian Lee White9h 18m Intermediate -
Flash CS4 Professional Audio Techniques
with Todd Perkins2h 18m Intermediate
-
Introduction
-
Introduction1m 2s
-
-
1. Learning about Events
-
Stopping event propagation1m 34s
-
Cancelling default behavior2m 49s
-
2. Working with Common Events
-
Cleaning up event issues7m 11s
-
Removing an event5m 58s
-
3. Working with Time-Based Events
-
Playing media events8m 53s
-
Handling media pauses5m 4s
-
Starting a new song8m 6s
-
4. JavaScript: Events in Action
-
What we'll be building1m 5s
-
Preparing SVG assets2m 50s
-
Setting up our core files7m 45s
-
Starting to drag6m 44s
-
Dragging and dropping4m 8s
-
Dealing with layers3m 13s
-
Adding touch events9m 6s
-
-
Conclusion
-
Next steps1m 37s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Removing DOM elements with events