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 | a user aborts page loading |
onblur | a user leaves an object |
onchange | a user changes the value of an object |
onclick | a user clicks on an object |
ondblclick | a user double-clicks on an object |
onfocus | a user makes an object active |
onkeydown | a keyboard key is on its way down |
onkeypress | a keyboard key is pressed |
onkeyup | a keyboard key is released |
onload | a page is finished loading. 注释:In Netscape this event occurs during the loading of a page! |
onmousedown | a user presses a mouse-button |
onmousemove | a cursor moves on an object |
onmouseover | a cursor moves over an object |
onmouseout | a cursor moves off an object |
onmouseup | a user releases a mouse-button |
onreset | a user resets a form |
onselect | a user selects content on a page |
onsubmit | a user submits a form |
onunload | a user closes a page |