Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of JavaScript
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Bookmark and Share
Lecture Comments (3)

0 answers

Post by kumar saurabh singh on July 9, 2012

How can we use event handlers under the <script> tags..means as a javascript properties and not as HTML ones???

1 answer

Last reply by: Adil Alkarkhi
Tue May 7, 2013 8:33 AM

Post by kumar saurabh singh on July 9, 2012

1. Can you tell us more about "(oEvent.target || oEvent.srcElement).id" used in the handleEvent function???

Events

  • Most modern programming is considered to be “Object-Oriented, Event-Driven Programming”
  • OBJECT + EVENT = PROGRAM
  • Object are things present in a GUI such as command buttons, icons, and hyperlinks
  • Events are things that happen in the real-world, usually in conjunction with input/output hardware such as mouse-clicks or keyboard strokes
  • When a user performs an event in conjunction with an appropriate object, it triggers a program

Events

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Object-Oriented, Event-Driven Programming 0:08
    • OBJECT + EVENT = PROGRAM
  • Examples of Objects 1:49
    • Windows/OS Objects
  • Examples of Objects 2:48
    • JavaScript Objects
  • Examples of Events 3:19
    • Mouse Clicks
    • Mouse-Overs
    • Keystrokes
    • Page Loads
    • Other User Inputs
  • Examples of Programs 5:34
    • Examples
  • Summary 6:41
    • OBJECT + EVENT = PROGRAM
  • Example 1: Graphic Object 7:20
  • Example 2: Mouse Over Events 10:36
  • Example 3: X/Y Screen Pixel Coordinates 14:22
  • Example 4: Keystroke Detector 17:21
  • Example 5: Event Bubbling 20:51