DHTML 事件句柄（Event Handlers）

w3school 在线教程

## DHTML 教程

- DHTML 教程
- DHTML 简介
- DHTML CSS
- DHTML DOM
- DHTML 事件
- DHTML 总结

## DHTML DOM

- DOM 参考手册

## DHTML 实例

- DHTML 实例
- DOM 实例

## 建站手册

- 网站构建
- 万维网联盟 (W3C)
- 浏览器信息
- 网站品质
- 语义网
- 职业规划
- 网站主机

## 关于 W3School

## 帮助 W3School

## 广告刊例

# DHTML 事件句柄（Event Handlers）

- DHTML DOM
- DHTML 总结

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

## 实例

注释：大多数 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 | 用户关闭页面。

- DHTML DOM
- DHTML 总结