通常鼠标或键盘的动作称之为事件，而由鼠标或键盘的动作引发的一连串程序动作，称之为事件驱动。对事件进行处理的程序或函数称为事件处理程序。
事件处理程序的基本语法：
function 事件处理名(参数表){
事件处理语句集；
…… ……
}
调用时间处理程序的基本语法：
事件驱动=处理程序
说明：在等号后，可以使用自己编写的函数作为事件处理程序，也可以使用JavaScript中内部的函数，还可以直接使用JavaScript的代码等。
单击事件 —— onClick
用户单击鼠标按键时产生onClick事件，同时onClick指定的事件处理程序或代码将被调用执行。
例：……
<form>
<input type="button" value="打开页面" οnclick="window.open('exam.html','newwindow','width=450,height=220,toolbar=no,menubar=no,scrollbars=yes');">
</form>
……
说明：单击页面中的“打开页面”按钮，可以打开一个名为“exam.html”的页面，该页面在新窗口中打开且宽高为450,220，没有工具条和菜单栏，有滚动条。
改变事件 —— onChange
当text或textarea元素内的字符值改变或者select表格选项状态改变时发生该事件。
例：……
<form>
<p>留言：<br></p>
<textarea name="word" rows=5 cols=7 value="" οnchange=alert("您在文本框中添加了新的内容")>
</textarea>
</form>
……
说明：在文本框中添加任意文字后单击其他位置，会弹出“您在文本框中添加了新的内容”的文字警告提示窗口。
选中事件 —— onSelect
当text或textarea对象中的文字被选中时引发该事件。
例：……
<form>
<input type="text" value="文字信息" onSelect=alert("您选中了文本框中的文字")>
</form>
……
说明：当鼠标选中文本框中的部分文字或全部文字时，会弹出“您选中了文本框中的文字”的文字警告提示窗口。
获得焦点事件 —— onFocue
当用户单击text或textarea以及select对象时，即将光标落在文本框或选择框时会产生该事件。
例：……
<Script Language="JavaScript">
<!--
fuction befocus(){
alert("激活状态，成为焦点");
}
-->
……
<form>
<select name="cardtype" onFocus="befocus()">
……
失去焦点事件 —— onBlur
失去焦点事件正好与获得焦点事件相对，当text对象、textarea对象或select对象不再拥有焦点而退到后台时，引发该事件。（校验输入信息是否合法，常使用该事件）
例：……
<form>
<p>用户名：
<input name="username" type="text" size=20 onBlur=confirm("确定“用户名”文本框将失去焦点？")>
</p>
<p>登陆密码：
<input name="password" type="password" size=20 onBlur=confirm("确定“登陆密码”文本框将失去焦点？")>
</p>
</form>
……
载入文件事件 —— onLoad
onLoad事件的一个作用就是在首次载入一个页面文件时检测cookie的知，并用一个变量为其赋值，使它可以被源代码使用。本事件是window的事件，但是在HTML中指定事件处理程序时，一般把它写在<body>标记中。
例：……
<body onLoad=alert("正在载入页面，请耐心等待……")>
……
卸载文件事件 —— onUnload
卸载文件事件与载入文件事件正好相反，它是当Web页面退出时引发的事件，并可更新cookie的状态。
例：……
<body onUnload=confirm("您确定要离开本页面么？")>
……
鼠标覆盖事件 —— onMouseOver
鼠标覆盖事件onMouseOver是当鼠标位于元素（如按钮）上方时所引发的事件。
例：……
<form>
<input type="button" value="改变页面状态栏" οnmοuseοver="window.status='快来看看我是不是变了^_^';return true">
</form>
……
鼠标离开事件 —— onMouseOut
鼠标离开事件是当鼠标离开元素时引发的事件。（如果它与鼠标覆盖事件同时使用，可以创建动态按钮的效果）
例：……
<Script Language="JavaScript">
<!--
function a(){
eval("image").src="button0.png";
event.srcElement.src="button1.png"
}
function b(){
eval("image").src="button1.png";
event.srcElement.src="button2.png"
}
-->
……
<img id="image" src="button0.png" onMouseOver="a()" onMouseOut="b()">
……
其他事件 —— 一般事件
onDblClick —— 鼠标双击事件
onMouseDown —— 鼠标上的按键被按下时激活的事件
onMouseUp —— 鼠标按下后，松开鼠标时触发的事件
onMouseMove —— 鼠标移动时触发的事件
onKeyPress —— 当键盘上的某个键被按下并且释放时触发的事件，要求页面内必须有激活的对象
onKeyDown —— 当键盘上某个按键被按下时触发的事件，要求页面内必须有激活的对象
onKeyUp —— 当键盘上的某个按键被放开时触发的事件，要求页面内必须有激活的对象
其他事件 —— 页面相关事件
onAbort —— 图片在下载时被用户中断
onBeforeUnload —— 当前页面的内容将要被改变时触发的事件
onError —— 捕捉当前页面因为某种原因而出现的错误，如脚本错误
onMove —— 浏览器的窗口被移动时触发的事件
onResize —— 当浏览器的窗口大小被改变时触发的世间
onScroll —— 浏览器的滚动条位置发生变化时触发的事件
onStop —— 浏览器的“停止”按钮被按下或者正在下载的文件被中断时触发的事件
其他事件 —— 表单相关事件
onReset —— 当表单中reset属性被激活时触发的事件
onSubmit —— 一个表单被递交时触发的事件
其他事件 —— 滚动字幕事件
onBounce —— 当Marquee内的内容移动至Marquee显示范围之外触发的事件
onFinish —— 当Marquee元素完成需要显示的内容后触发的事件
onStart —— 当Marquee元素开始显示内容时触发的事件
其他事件 —— 编辑事件
onBeforeCopy —— 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeUpdate —— 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu —— 当按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件，例如在也面的<body>中加入onContextMenu="return false"可禁止使用鼠标右键
onCopy —— 当页面当前被选择内容被复制后触发的事件
onCut —— 当页面当前被选择内容被剪切时触发的事件
onPaste —— 当内容被粘贴时触发的事件
onDrag —— 当某个对象被拖动时触发的事件
onDragEnd —— 当鼠标拖动结束时触发的事件，即鼠标的按键被释放时触发的事件
其他事件 —— 数据绑定
onAfterUpdate —— 当数据完成由数据源到对象的传送时触发的事件
onCellChange —— 当数据来源发生变化时触发的事件
onDataAvailable —— 当数据接收完成时触发的事件
onDatasetChanged —— 数据在数据源发生变化时触发的事件
onDatasetComplete —— 当数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate —— 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
onRowEnter —— 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit —— 当前数据源的数据将要发生变化时触发的事件
onRowsDelete —— 当前数据记录将被删除时触发的事件
onRowsInserted —— 当前数据源将要插入新数据记录时触发的事件
其他事件 —— 外部事件
onAfterPrint —— 当文档被打印后触发的事件
onBeforePrint —— 当文档即将打印时触发的事件
onHelp —— 当浏览者按下F1键或者单击浏览器中的“帮助”按钮时触发的事件
事件处理程序的基本语法：
function 事件处理名(参数表){
事件处理语句集；
…… ……
}
调用时间处理程序的基本语法：
事件驱动=处理程序
说明：在等号后，可以使用自己编写的函数作为事件处理程序，也可以使用JavaScript中内部的函数，还可以直接使用JavaScript的代码等。
单击事件 —— onClick
用户单击鼠标按键时产生onClick事件，同时onClick指定的事件处理程序或代码将被调用执行。
例：……
<form>
<input type="button" value="打开页面" οnclick="window.open('exam.html','newwindow','width=450,height=220,toolbar=no,menubar=no,scrollbars=yes');">
</form>
……
说明：单击页面中的“打开页面”按钮，可以打开一个名为“exam.html”的页面，该页面在新窗口中打开且宽高为450,220，没有工具条和菜单栏，有滚动条。
改变事件 —— onChange
当text或textarea元素内的字符值改变或者select表格选项状态改变时发生该事件。
例：……
<form>
<p>留言：<br></p>
<textarea name="word" rows=5 cols=7 value="" οnchange=alert("您在文本框中添加了新的内容")>
</textarea>
</form>
……
说明：在文本框中添加任意文字后单击其他位置，会弹出“您在文本框中添加了新的内容”的文字警告提示窗口。
选中事件 —— onSelect
当text或textarea对象中的文字被选中时引发该事件。
例：……
<form>
<input type="text" value="文字信息" onSelect=alert("您选中了文本框中的文字")>
</form>
……
说明：当鼠标选中文本框中的部分文字或全部文字时，会弹出“您选中了文本框中的文字”的文字警告提示窗口。
获得焦点事件 —— onFocue
当用户单击text或textarea以及select对象时，即将光标落在文本框或选择框时会产生该事件。
例：……
<Script Language="JavaScript">
<!--
fuction befocus(){
alert("激活状态，成为焦点");
}
-->
……
<form>
<select name="cardtype" onFocus="befocus()">
……
失去焦点事件 —— onBlur
失去焦点事件正好与获得焦点事件相对，当text对象、textarea对象或select对象不再拥有焦点而退到后台时，引发该事件。（校验输入信息是否合法，常使用该事件）
例：……
<form>
<p>用户名：
<input name="username" type="text" size=20 onBlur=confirm("确定“用户名”文本框将失去焦点？")>
</p>
<p>登陆密码：
<input name="password" type="password" size=20 onBlur=confirm("确定“登陆密码”文本框将失去焦点？")>
</p>
</form>
……
载入文件事件 —— onLoad
onLoad事件的一个作用就是在首次载入一个页面文件时检测cookie的知，并用一个变量为其赋值，使它可以被源代码使用。本事件是window的事件，但是在HTML中指定事件处理程序时，一般把它写在<body>标记中。
例：……
<body onLoad=alert("正在载入页面，请耐心等待……")>
……
卸载文件事件 —— onUnload
卸载文件事件与载入文件事件正好相反，它是当Web页面退出时引发的事件，并可更新cookie的状态。
例：……
<body onUnload=confirm("您确定要离开本页面么？")>
……
鼠标覆盖事件 —— onMouseOver
鼠标覆盖事件onMouseOver是当鼠标位于元素（如按钮）上方时所引发的事件。
例：……
<form>
<input type="button" value="改变页面状态栏" οnmοuseοver="window.status='快来看看我是不是变了^_^';return true">
</form>
……
鼠标离开事件 —— onMouseOut
鼠标离开事件是当鼠标离开元素时引发的事件。（如果它与鼠标覆盖事件同时使用，可以创建动态按钮的效果）
例：……
<Script Language="JavaScript">
<!--
function a(){
eval("image").src="button0.png";
event.srcElement.src="button1.png"
}
function b(){
eval("image").src="button1.png";
event.srcElement.src="button2.png"
}
-->
……
<img id="image" src="button0.png" onMouseOver="a()" onMouseOut="b()">
……
其他事件 —— 一般事件
onDblClick —— 鼠标双击事件
onMouseDown —— 鼠标上的按键被按下时激活的事件
onMouseUp —— 鼠标按下后，松开鼠标时触发的事件
onMouseMove —— 鼠标移动时触发的事件
onKeyPress —— 当键盘上的某个键被按下并且释放时触发的事件，要求页面内必须有激活的对象
onKeyDown —— 当键盘上某个按键被按下时触发的事件，要求页面内必须有激活的对象
onKeyUp —— 当键盘上的某个按键被放开时触发的事件，要求页面内必须有激活的对象
其他事件 —— 页面相关事件
onAbort —— 图片在下载时被用户中断
onBeforeUnload —— 当前页面的内容将要被改变时触发的事件
onError —— 捕捉当前页面因为某种原因而出现的错误，如脚本错误
onMove —— 浏览器的窗口被移动时触发的事件
onResize —— 当浏览器的窗口大小被改变时触发的世间
onScroll —— 浏览器的滚动条位置发生变化时触发的事件
onStop —— 浏览器的“停止”按钮被按下或者正在下载的文件被中断时触发的事件
其他事件 —— 表单相关事件
onReset —— 当表单中reset属性被激活时触发的事件
onSubmit —— 一个表单被递交时触发的事件
其他事件 —— 滚动字幕事件
onBounce —— 当Marquee内的内容移动至Marquee显示范围之外触发的事件
onFinish —— 当Marquee元素完成需要显示的内容后触发的事件
onStart —— 当Marquee元素开始显示内容时触发的事件
其他事件 —— 编辑事件
onBeforeCopy —— 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeUpdate —— 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu —— 当按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件，例如在也面的<body>中加入onContextMenu="return false"可禁止使用鼠标右键
onCopy —— 当页面当前被选择内容被复制后触发的事件
onCut —— 当页面当前被选择内容被剪切时触发的事件
onPaste —— 当内容被粘贴时触发的事件
onDrag —— 当某个对象被拖动时触发的事件
onDragEnd —— 当鼠标拖动结束时触发的事件，即鼠标的按键被释放时触发的事件
其他事件 —— 数据绑定
onAfterUpdate —— 当数据完成由数据源到对象的传送时触发的事件
onCellChange —— 当数据来源发生变化时触发的事件
onDataAvailable —— 当数据接收完成时触发的事件
onDatasetChanged —— 数据在数据源发生变化时触发的事件
onDatasetComplete —— 当数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate —— 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
onRowEnter —— 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit —— 当前数据源的数据将要发生变化时触发的事件
onRowsDelete —— 当前数据记录将被删除时触发的事件
onRowsInserted —— 当前数据源将要插入新数据记录时触发的事件
其他事件 —— 外部事件
onAfterPrint —— 当文档被打印后触发的事件
onBeforePrint —— 当文档即将打印时触发的事件
onHelp —— 当浏览者按下F1键或者单击浏览器中的“帮助”按钮时触发的事件
999
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
