Sponsored Links
JavaScript Tutorials
- JavaScript Browser Objects Part 2
- JavaScript Frame object
- JavaScript Form Object
- JavaScript FileUpload Object
- JavaScript Event Object Properties and Methods
- JavaScript Event Object
- JavaScript Elements and Embed Objects
- JavaScript Applet Objects
- JavaScript Browser Objects
- JavaScript Object Oriented Features
- JavaScript Window Object Open Method Part 2
- JavaScript Window Object Open Method
- JavaScript Window Object Timeout Methods
- JavaScript Location Object
- JavaScript Location Object Properties
- JavaScript History Object Properties and Methods
- JavaScript Document Object Methods Part II
- JavaScript Document Object Methods Part I
- JavaScript Document Object Properties
- JavaScript Document Object
Tutorials
JavaScriptJavaScript Event Handler
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:
|
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.
Comments
Sponsored Links
