Section 2.5 Event Handling in JavaScript

Learning Objectives

After you have completed this section, you should be able to

• explain the notion of events, event handlers, and event bubbling.
• create event handlers for given events.
• create dynamic web pages by scripting.

Activities

• Carefully read the learning objectives.
• Watch the presentation for the section;
• Read Chapter 13, JavaScript Event Handling: A Deeper Look.
• Study this material on Dynamic HTML basic at http://msdn.microsoft.com/en-us/library/ms533044(v=vs.85).aspx
• Find answers to the study questions below.
• Do exercises 13.3 to 13.8 in Chapter 13.

Study Questions

1. What are dynamic styles?
2. How do you change the style of an element dynamically?
3. What is dynamic positioning?
4. How do you dynamically position HTML5 elements in HTML5?
5. What is the frames collection in DOM?
6. How do you access objects in different frames using the frames collection?
7. What is the navigator object? What properties does it have? How is it used in web page authoring?
8. What are JavaScript events?
9. How is an event handler bound to a specific event?
10. What JavaScript events are mouse-related?
11. What JavaScript events are keyboard-related?
12. What are the onload, onclick, and onerror events?
13. What events in dynamic HTML are related to form processing?
14. What is event bubbling in dynamic HTML?
15. How do you cancel event bubbling for an event?
16. What are clipboard events?
17. What are data-binding events?
18. What are some useful miscellaneous events in dynamic HTML?

Review

Do the self-review exercises for Chapter 13.

Summary

Read the Chapter 13 summary.