本文要探讨位于DHTML幕后的主要技术,并解释它们如何协作。
事件处理程序提供了一种机制,可在浏览器完成了特定行动后驱动网页的行为。例如,当网页加载时,可调用一个JavaScript,从而表现一个特定的行为。将一个JavaScript函数或一行代码与HTML文档中某个元素的事件处理程序关联,即可在发生特定事件时执行指定的JavaScript代码。例如,<body onload="JavaScript:xyzzy()">会导致文档结束加载后立即调用JavaScript函数xyzzy()。表A展示了一些通用的、由浏览器处理的事件。
表A
事件 | 触发前提 |
onAbort | 图像加载过程中断 |
onBeforeUpload | 发生onUnload事件之前(仅适用于IE) |
onBlur | 对象失去焦点 |
onChange | 对象的值发生改变,而且对象失去焦点 |
onClick | 对象被单击 |
onDblClick | 对象被双击 |
onError | 图像加载时出错 |
onFocus | 对象获得焦点 |
onKeyDown | 按下键盘上的一个键 |
onKeyPress | 按下并松开键盘上的一个键(合并了onKeyDown和onKeyUp事件);适合多个按键的组合 |
onKeyUp | 松开键盘上的一个键 |
onLoad | 图像或文档结束加载 |
onMouseDown | 按下一个鼠标按钮 |
onMouseOut | 鼠标指针移离对象 |
onMouseOver | 鼠标指针移到对象上方 |
onMouseUp | 松开一个鼠标按钮 |
onReset | 请求表单重置 |
onResize | 浏览器窗口大小改变 |
onSubmit | 请求表单提交 |
onUnload | 文档卸载 |