Home » Computer Science » JavaScript » Events

Connecting...

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
Bookmark & Share Embed

Share this knowledge with your friends!

Copy & Paste this embed code into your website’s HTML

Please ensure that your website editor is in text mode when you paste the code.
(In Wordpress, the mode button is on the top right corner.)
  ×
  • - Allow users to view the embedded video in full-size.
Since this lesson is not free, only the preview will appear on your website.

  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Services

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

Related Services

Maury Hillstrom

Maury Hillstrom

Events

Slide Duration:

Table of Contents

Section 1: JavaScript
Introduction to JavaScript

22m 43s

Intro
0:00
What is JavaScript
0:07
Real Life Example 1
0:28
Real Life Example 2
0:56
Real Life Example 3
1:31
Text Editor
2:20
JavaScript vs. Java
4:54
Is JavaScript the Same as Java?
4:55
JavaScript Comment Syntax
5:51
Comment Syntax
5:52
Viewing a JavaScript File
6:45
Browser
6:46
Source Code
7:34
Text Editor
7:50
Example: Browser
8:28
Example: Simple JavaScript File
9:13
Example: JavaScript File
10:43
Example: Font & JavaScript
12:25
Example: Adding Text Color
13:37
Example: Adding a Break Tag
16:04
Example: Adding User Alert Message
17:48
Example: Adding Multi-Line User Alert Message
19:02
Example: Variable & JavaScript
20:40
Working With JavaScript

27m 5s

Intro
0:00
History of JavaScript
0:14
History of JavaScript
0:15
JavaScript vs. Java
1:16
Differences and Similarities Between JavaScript and Java
1:17
Enabling JavaScript
4:56
Running JavaScript in Browsers
4:58
Allowing Active Content: IE
6:38
How to Allow Active Content in Internet Explorer
6:40
Allowing Active Content: Firefox
7:36
How to Allow Active Content in Firefox
7:37
Allowing Active Content: Safari
7:59
How to Allow Active Content in Safari
8:00
Allowing Active Content: Google Chrome
8:28
How to Allow Active Content in Google Chrome
8:29
Pseudocode
9:09
What is Pseudocode?
10:20
Examples: Pseudocode
10:45
Extra Examples
12:27
Basic Math
13:01
Using System Clock and Comparison Operators
23:08
If Logic

35m 39s

Intro
0:00
The Mighty 'if'
0:11
'If' Statements
0:13
Conditional Statements in JavaScript
4:00
'If' Statement
4:06
'If Else' Statement
4:36
'If Else If Else' Statement
5:29
'Switch' Statement
6:23
Example 1: If Statement
6:47
Example 2: Two If Statements
9:29
Example 3: Multiple If Statements
10:49
Example 4: If Else Statement
14:45
Example 5: If Else If Else Statement
16:32
Example 6: Employee Pay
18:58
Example 7: Random Number Generator
26:36
Example 8: Switch Statement
30:11
Operators

57m 26s

Intro
0:00
Types of Operators
0:09
Operators Overview
0:20
Arithmetic Operators
1:14
Example: Arithmetic Operators
1:15
Arithmetic Rules of Precedence
4:38
PEMDAS (Algebra)
4:59
P (MDR) (AS) (JavaScript)
5:43
Assignment Operators
11:58
Example: Assignment Operators
11:59
Comparison Operators
15:16
Example: Comparison Operators
15:17
Boolean Logical Operators
18:19
&& Operator
18:44
|| Operator
19:47
! Operator
22:04
Special Conditional Operator
22:25
Syntax
22:26
Example
23:17
Increment and Decrement Operators
24:03
Pre-Increment Operator
24:38
Pre-Decrement Operator
25:40
Post-Increment Operator
26:19
Post-Decrement Operator
27:07
Example 1: Modulus Operator
27:53
Example 2: Assignment Operator
32:14
Example 3: Characters and Data Types
37:57
Example 4: Characters and Data Types
43:17
Example 5: Boolean Logical Operators
44:56
Example 6: 'or' Logic
46:43
Example 7: Conditional Operators
49:39
Example 8: Increment and Decrement Operators
52:18
Loops

23m 42s

Intro
0:00
Types of Loops
0:05
For Loop
0:54
While Loop
1:19
Do…While Loop
2:03
For…in Loop
2:48
Main Purpose of Loops
3:57
Example 1: For Loop
4:21
Example 2: For Loop with Total
7:00
Example 3: For Loop in HTML
10:31
Example 4: Reverse For Loop
12:02
Example 5: While Loop
14:08
Example 6: Do While Loop
15:50
Example 7: Break Loop
17:06
Example 8: Late Break Loop
18:42
Example 9: Continue Break Loop
20:05
Example 10: For…in Loop
21:28
Functions

31m 55s

Intro
0:00
Q & A
0:08
Questions and Answers
0:14
Two Main Types of Functions
1:11
JavaScript Library Functions
1:26
Programmer-Defined Functions
1:38
Library Functions
1:55
JavaScript Library Functions
1:56
Examples
2:23
Programmer-Defined Functions
3:01
Procedure
3:02
Programmer-Defined Functions
4:05
Function Definition Syntax
4:10
Example 1: Delayed Function
5:46
Example 2: Squared Numbers
8:15
Example 3: Exponents
12:08
Example 4: One Die
16:13
Example 5: Area of Circle
22:09
Example 6: Area of Circle With Exponent
25:53
Example 7: Temperature Converter
27:21
Events

24m 24s

Intro
0:00
Object-Oriented, Event-Driven Programming
0:08
OBJECT + EVENT = PROGRAM
0:10
Examples of Objects
1:49
Windows/OS Objects
1:52
Examples of Objects
2:48
JavaScript Objects
2:49
Examples of Events
3:19
Mouse Clicks
3:27
Mouse-Overs
3:39
Keystrokes
4:17
Page Loads
4:38
Other User Inputs
5:07
Examples of Programs
5:34
Examples
5:42
Summary
6:41
OBJECT + EVENT = PROGRAM
6:42
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
Error Handling

21m 25s

Intro
0:00
Using Try..Catch to Detect Errors
0:09
What is Handling Errors?
0:23
Try..Catch Syntax
1:22
Throwing Exceptions
2:13
Throw Statement Syntax
2:15
Special Text Characters
2:57
Special Text Characters
2:58
Example 1: Try...Catch
4:51
Example 2: Try…Catch Correction
8:32
Example 3: Try…Catch Redirection
10:53
Example 4: Try Catch Throw
12:14
Example 5: Throwing Errors
18:24
Example 6: Special Characters Error
19:51
Example 7: Special Text Characters
20:38
Objects

26m 15s

Intro
0:00
Definitions
0:08
Objects
0:28
Methods
0:44
Properties
1:01
Example
1:22
String Object
1:26
Test Object
2:15
Common JavaScript Objects
3:10
Array Object
3:25
Boolean Object
3:44
Date Object
3:52
Form Object
4:09
Math Object
4:48
Number object
4:58
String Object
5:27
Window Object
5:32
Document Object
5:48
Regular Expression Objects
5:55
Regular Expression Syntax
5:57
Example 1: Object Method
7:04
Example 2: Object Property
8:41
Example 3: String Object Styles
9:09
Example 4: String Match Method
11:00
Example 5: String Replace Method
12:45
Example 6: Web Page Clock
14:05
Example 7: Math Object Absolute Value
15:25
Example 8: Minimum and Maximum Values
17:05
Example 9: Form Objects
18:47
Example 10: Regular Expressions
23:22
Arrays

18m 19s

Intro
0:00
What is an Array?
0:09
Defining an Array
0:10
Declaring an Array
1:30
Declaring an Array
1:31
Regular Array Syntax
1:47
Regular Array Syntax
1:48
Condensed Array Syntax
2:35
Condensed Array Syntax
2:36
Literal Array Syntax
3:08
Literal Array Syntax
3:09
Push and Pop
3:30
Push and Pop Methods
3:32
Example 1: Array Creation
4:18
Example 2: Array Element Display
6:30
Example 3: Array Pop Method
7:39
Example 4: Array Push Method
9:12
Example 5: Array Reverse Method
10:22
Example 6: Array Shift Method
11:27
Example 7: Array Sort Method
12:53
Example 8: Array Slice Method
13:53
Example 9: Array Splice Method
16:42
Educator®

Please sign in to participate in this lecture discussion.

Resetting Your Password?
or
Still having trouble? Contact us
OR

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
 Get immediate access to our entire library.

Membership Overview

  • Available 24/7. Unlimited Access to Our Entire Library.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lecture slides for taking notes.
  • Track your course viewing progress.
  • Accessible anytime, anywhere with our Android and iOS apps.