Learn Oracle | Learn Microsoft | Learn J2EE | Learn Networking | Learn Concepts

Testing Articles | SQA Tutorials | Swing Testing

C Language | CSS | MainFrame | VBScript | PHP | XML | C++ Tutorials | Ajax | JavaScript | CSS3 | UML | jQuery | Microsoft AJAX

Data Recovery | Data Mining | Data Modeling | Data Warehousing | Business Intelligence

SCJP | SCBCD | Certification Articles | Oracle Certification | Microsoft Certification | Sun Certification

Career Improvement | Employment Help | Education Help | Interview Help

JavaScript Tutorials

JavaScript Introduction

JavaScript Variables

How to use JavaScript in HTML page

JavaScript Features

JavaScript Conditional Statements Part 1

JavaScript Conditional Statements Part 2

JavaScript Alert Box

JavaScript Confirm Box

JavaScript FileUpload Object

JavaScript Form Object

JavaScript Events Handling

JavaScript Object Oriented Features

JavaScript Event Object

JavaScript Frame object

Working with JavaScript DOM Objects

JavaScript Functions

Passing values to JavaScript Function

JavaScript Array Object

JavaScript Arrays

JavaScript Two Dimensional Arrays

JavaScript Boolean Object

JavaScript Event Object Properties and Methods

JavaScript Document Object Properties

JavaScript Applet Objects

JavaScript Browser Objects

JavaScript Location Object Properties

JavaScript Browser Objects Part 2

JavaScript DOM Window Object

JavaScript Location Object

JavaScript Window Object Open Method

JavaScript Window Object Open Method Part 2

JavaScript Array Object Methods – Part I

JavaScript Array Object Methods – Part II

JavaScript Iterative Structures - Part I

JavaScript Iterative Structures - Part II

JavaScript Array Operations

JavaScript Document Object

JavaScript Exception Handling – Part I

JavaScript Exception Handling – Part II

JavaScript Event Handler

JavaScript OnError Event

JavaScript Elements and Embed Objects

JavaScript History Object Properties and Methods

JavaScript Document Object Methods Part I

JavaScript Document Object Methods Part II

JavaScript Window Object Timeout Methods

JavaScript Windows Object Properties Part I

JavaScript Windows Object Properties Part II

JavaScript Math Object

JavaScript Date Object

JavaScript String Object

JavaScript Objects

Home

JavaScript

JavaScript Event Handler

Category: JavaScript
Comments (0)

JavaScript Event Handler

In this JavaScript tutorial, you will learn about using event handlers along with events for each HTML tag.

Using Event Handler in JavaScript:

Event Handlers are used in JavaScript by placing the name of the event handler inside the HTML tag associated with object. This is followed by =’JavaScript code’, the code in JavaScript which must execute when the event fires.

The events for each HTML tag are as follows:

<A>

click (onClick)
mouseOver (onMouseOver)
mouseOut (onMouseOut)

<AREA>

mouseOver (onMouseOver)
mouseOut (onMouseOut)

<BODY>

blur (onBlur)
error (onError)
focus (onFocus)
load (onLoad)
unload (onUnload)

<FORM>

submit (onSubmit)
reset (onReset

<FRAME>

blur (onBlur)
focus (onFocus)

<FRAMESET>

blur (onBlur)
error (onError)
focus (onFocus)
load (onLoad)
unload (onUnload)

<IMG>

abort (onAbort)
error (onError)
load (onLoad)

<INPUT TYPE = "button">

click (onClick)

<INPUT TYPE = "checkbox">

click (onClick)

<INPUT TYPE = "reset">

click (onClick)

<INPUT TYPE = "submit">

click (onClick)

<INPUT TYPE = "text">

blur (onBlur)
focus (onFocus)
change (onChange)
select (onSelect)

<SELECT>

blur (onBlur)
focus (onFocus)
change (onChange)

<TEXTAREA>

blur (onBlur)
focus (onFocus)
change (onChange)
select (onSelect)

For example, consider a button placed in a form named PressButton. The following code placed in the click event of the button named PressButton would be written:

<input type="button"
name="PressButton"
value="Press the Button to output value!!!"
onClick="outputvalue();">

In the above example, when the user clicks the button, the onclick event of the button fires and the message assigned to value displays:

Press the Button output value!!!

The block of code written in the function outputvalue() in JavaScript fires or calls.

Read Next: JavaScript Exception Handling – Part I

Related Topics

jQuery - JavaScript Pagination

jQuery - JavaScript Sorting

Microsoft AJAX Library - JavaScript Execution Context

Microsoft AJAX Library - C# and JavaScript Classes

Microsoft AJAX Library - JavaScript Classes

Comments

Weekly Offers

Sponsored Links