HTML DOM首页

HTML DOM

DHTML 教程

DOM/DHTML 总结/实例

参考手册

JS / HTML DOM参考手册

HTML/CSS/JS在线运行

JS 压缩/解压

JavaScript手册

DHTML 事件

当前位置：免费教程 » JS/JS库/框架 » HTML DOM

上一节:DHTML DOM

下一节:DOM 总结

优化或报错有奖

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

实例

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

转载本站内容时，请务必注明来自W3xue，违者必究。

上一节:DHTML DOM

下一节:DOM 总结

优化或报错有奖

友情链接：直通硅谷　点职佳　北美留学生论坛