Tutorials JavaScriptIn this JavaScript tutorial, you will learn about using event handlers along with events for each HTML tag.
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.
