JavaScript Event Handler

Author : Exforsys Inc. Published on: 2nd Aug 2007

JavaScript Event Handler

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

Ads

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: