DHTML Event Handlers (Event Handlers)

A cikin handler shirin, zai aniyar amfani da shi domin yin amfani da wuri a lokaci a cikin shirin: lokaci a cikin kaiyewa na kai tsaya harbi, lokaci a cikin kaiyewa na shafin, lokaci a cikin kaiyewa na formi, kuma sauransu.

Shirin

Note:Kusan duk shirin DHTML yana nuna cewa IE 4.0+, Netscape 7+, ko Opera 7+!

onmouseover da onmouseout
Kai tsaya harbi wuri a lokaci a cikin kaiyewa na kisan ki, kuma kuma kai tsaya harbi wuri a lokaci a cikin kaiyewa na kisan ki.
onclick
Kai tsaya harbi wuri, kuma kuma kai tsaya harbi wuri, kuma kuma kai tsaya harbi wuri, kuma kuma kai tsaya harbi wuri.
onmousedown da onmouseup
Kuma zai aniyar kai tsaya harbi lokaci a lokaci a cikin kaiyewa na shafin, kawai lokaci a cikin kaiyewa na kai tsaya harbi na kisan ki.
onload
Nuna kudade a lokaci a cikin kaiyewa na shafin.

Handler shirin

A cikin handler shirin, zai aniyar amfani da shi domin yin amfani da wuri a lokaci a cikin shirin: lokaci a cikin kaiyewa na kai tsaya harbi, lokaci a cikin kaiyewa na shafin, lokaci a cikin kaiyewa na formi, kuma sauransu.

<h1 onclick="style.color='red'">Fita kanin wannan tekiri</h1>

Manan kula yana nuna cewa lokaci a cikin kaiyewa na kai tsaya harbi lokaci lokaci a cikin lokaci na kaiyewa.

Iya, kuma za a iya samar da script a raba 'head' na shafin, kuma zai an aniyar shi daga handler shirin: an aniyar shi daga handler shirin daga tsarin kaiwa, daga lokaci na launin shafin, daga wakilin formi da ake gudanarwa, kuma sauransu.

<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()">Fita kanin wannan tekiri</h1>
</body>
</html>

HTML 4.0 Event Handlers

Event When...
onabort User aborts the page loading.
onblur User leaves the object.
onchange User changes the value of the object.
onclick User clicks the object.
ondblclick User double-clicks the object.
onfocus User activates the object.
onkeydown Keyboard is pressed.
onkeypress Keyboard is pressed.
onkeyup Keyboard is released.
onload

Page is fully loaded.

Note:In Netscape, this event occurs when the page is loaded.
onmousedown User presses the mouse button.
onmousemove Mouse pointer moves over the object.
onmouseover Mouse pointer moves onto the object.
onmouseout Mouse pointer moves out of the object.
onmouseup User releases the mouse button.
onreset User resets the form.
onselect User selects content on the page.
onsubmit User submits the form.
onunload User closes the page.