您可以在某个事件发生时通过一个事件句柄对某个元素进行某种操作。
注释:大多数 DHTML 实例需要IE 4.0+、Netscape 7+ 或者 Opera 7+!
通过一个事件句柄,您可以在某个事件发生时对某个元素进行某种操作:当用户点击元素时,当页面加载时,当一个表单被提交时,等等。
<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>
事件 | 当...时发生 |
---|---|
onabort | 用户终止页面加载。 |
onblur | 用户离开对象。 |
onchange | 用户改变对象的值。 |
onclick | 用户点击对象。 |
ondblclick | 用户双击对象。 |
onfocus | 用户激活对象。 |
onkeydown | 按下键盘。 |
onkeypress | 按压键盘。 |
onkeyup | 松开键盘。 |
onload | 页面完成加载。 注释:在 Netscape 中,当页面加载时会发生该事件。 |
onmousedown | 用户按鼠标按钮。 |
onmousemove | 鼠标指针在对象上移动。 |
onmouseover | 鼠标指针移动到对象上。 |
onmouseout | 鼠标指针移出对象。 |
onmouseup | 用户释放鼠标按钮。 |
onreset | 用户重置表单。 |
onselect | 用户选取页面上的内容。 |
onsubmit | 用户提交表单。 |
onunload | 用户关闭页面。 |