开发教程

HTML/CSS 前端脚本服务器脚本编程 XML 网站建设参考手册

课程目录

DHTML 教程

DHTML DOM

DOM 参考手册

DHTML 实例

建站手册

DHTML 事件句柄（Event Handlers）

您可以在某个事件发生时通过一个事件句柄对某个元素进行某种操作。

实例

注释：大多数 DHTML 实例需要IE 4.0+、Netscape 7+ 或者 Opera 7+！

onmouseover 和 onmouseout: 如何在鼠标指针移到并移开一个元素时改变一个元素的颜色。
onclick: 把灯点亮。如何当您单击一副图像时改变图像，然后再次单击它时换回原来的图像。
onmousedown 和 onmouseup: 这次只有当你按住鼠标按钮时灯才会亮。
onload: 当页面完成加载时显示一个提示框。

事件句柄

通过一个事件句柄，您可以在某个事件发生时对某个元素进行某种操作：当用户点击元素时，当页面加载时，当一个表单被提交时，等等。

<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	用户关闭页面。