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

如果觉得JSRUN的教程对您有用,请随意打赏。您的支持将鼓励JSRUN继续提供更好的服务

捐助JSRUN
JSRUN前端教程共编系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的本前端教程,让知识的积累变得统一完整、自成体系。 希望广大工程师能一起参与进共编,让零散在世界各处的知识点找到组织、找到家。
X
支付宝
9.99
请使用支付宝扫码支付, 有效时间 5分0秒
超过有效时间后请立即停止支付。
支付故障请联系QQ:565830900
因10.00元通道已占用,系统建议您支付9.99元
正在生成二维码, 此过程可能需要15秒钟
谢谢支持,我一定会更加努力的