DHTML 事件
您可以在某个事件发生时通过一个事件句柄对某个元素进行某种操作。
事件句柄
通过一个事件句柄，您可以在某个事件发生时对某个元素进行某种操作：当用户点击元素时，当页面加载时，当一个表单被提交时，等等。
<h1 onclick="style.color='red'">Click on this text</h1>
上面的例子可定义当用户点击一个标题时标题变为红色。
您也可以在页面的 head 部分添加一段脚本，然后从事件句柄调用函数：
<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()">Click on this text</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 | 用户关闭页面。 |
实例
注释：大多数 DHTML 实例需要IE 4.0+、Netscape 7+ 或者 Opera 7+！
- onmouseover 和 onmouseout
- 如何在鼠标指针移到并移开一个元素时改变一个元素的颜色。
- onclick
- 把灯点亮。如何当您单击一副图像时改变图像，然后再次单击它时换回原来的图像。
- onmousedown 和 onmouseup
- 这次只有当你按住鼠标按钮时灯才会亮。
- onload
- 当页面完成加载时显示一个提示框。