DHTML 事件句柄（事件处理器）

Maaari mong gumawa ng aksyon sa isang elemento kapag nangyayari ang isang pangyayari sa pamamagitan ng isang event handler.

Halimbawa

注释：Karamihan sa mga halimbawa ng DHTML ay nangangailangan ng IE 4.0+, Netscape 7+, o Opera 7+!

onmouseover at onmouseout
Kung paano magbabagong kulay ng isang elemento kapag inililipat ang mouse pointer papunta at papalayo sa elemento.
onclick
Kung paano magpalit ng larawan kapag hinitagan ang isang imahe, at bumalik sa orihinal na larawan kapag hinitagan ito muli.
onmousedown at onmouseup
Sa ganitong pagkakataon, ang ilaw ay maglalakas lamang kapag pinindot ang mouse button.
onload
Ipakita ang isang alert box kapag nakumpleto na naload ang pahina.

Event Handler

Sa pamamagitan ng isang event handler, maaari mong gumawa ng aksyon sa isang elemento kapag nangyayari ang isang pangyayari: kapag hinitagan ng user ang elemento, kapag naglululan ang pahina, kapag isinumite ang isang form, at iba pa.

<h1 onclick="style.color='red'">Klik sa teksto ito</h1>

Ang halimbawa na ito ay nagtatawag ng pagbabagong kulay ng isang tag title nang hinitagan ng user: pagbabagong kulay ng tag title sa kulay red.

Maaari mo ring magdagdag ng isang script sa bahagi ng head ng pahina, at pagkatapos ay tumawag sa function mula sa event handler:

<html>
<head>
<script type="text/javascript">
function pagbabagongkulay()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="pagbabagongkulay()">Klik sa teksto ito</h1>
</body>
</html>

HTML 4.0 事件句柄

事件 当...时发生
onabort 用户终止页面加载。
onblur 用户离开对象。
onchange 用户改变对象的值。
onclick 用户点击对象。
ondblclick 用户双击对象。
onfocus 用户激活对象。
onkeydown 按下键盘。
onkeypress 按压键盘。
onkeyup 松开键盘。
onload

页面完成加载。

注释：在 Netscape 中，当页面加载时会发生该事件。
onmousedown 用户按鼠标按钮。
onmousemove 鼠标指针在对象上移动。
onmouseover 鼠标指针移动到对象上。
onmouseout 鼠标指针移出对象。
onmouseup 用户释放鼠标按钮。
onreset 用户重置表单。
onselect 用户选取页面上的内容。
onsubmit 用户提交表单。
onunload 用户关闭页面。