当前页面: 开发资料首页 → Javascript 专题 → 网页中相关事件的详细讲解和说明
网页中相关事件的详细讲解和说明
摘要: 网页中相关事件的详细讲解和说明
<table cellSpacing=0 cellPadding=3 width="100%" border=1>
Browser: IE3 | N2 | O3 </td> <td>鼠标点击事件，多用在某个对象控制的范围内的鼠标点击</td></tr> <tr> <th vAlign=top align=left>onDblClick</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>鼠标双击事件</td></tr> <tr> <th vAlign=top align=left>onMouseDown</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>鼠标上的按钮被按下了</td></tr> <tr> <th vAlign=top align=left>onMouseUp</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>鼠标按下后，松开时激发的事件</td></tr> <tr> <th vAlign=top align=left>onMouseOver</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 </td> <td>当鼠标移动到某对象范围的上方时触发的事件</td></tr> <tr> <th vAlign=top align=left>onMouseMove</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>鼠标移动时触发的事件</td></tr> <tr> <th vAlign=top align=left>onMouseOut</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O3 </td> <td>当鼠标离开某对象范围时触发的事件</td></tr> <tr> <th vAlign=top align=left>onKeyPress</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]</td></tr> <tr> <th vAlign=top align=left>onKeyDown</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]</td></tr> <tr> <th vAlign=top align=left>onKeyUp</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]</td></tr> <tr> <th align=left colSpan=3>页面相关事件</th></tr> <tr> <th>事件</th> <th>浏览器支持</th> <th>描述</th></tr> <tr> <th vAlign=top align=left>onAbort</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O </td> <td>图片在下载时被用户中断</td></tr> <tr> <th vAlign=top align=left>onBeforeUnload</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>当前页面的内容将要被改变时触发的事件</td></tr> <tr> <th vAlign=top align=left>onError</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O </td> <td>捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误</td></tr> <tr> <th vAlign=top align=left>onLoad</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 </td> <td>页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成</td></tr> <tr> <th vAlign=top align=left>onMove</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE | N4 | O </td> <td>浏览器的窗口被移动时触发的事件</td></tr> <tr> <th vAlign=top align=left>onResize</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O </td> <td>当浏览器的窗口大小被改变时触发的事件</td></tr> <tr> <th vAlign=top align=left>onScroll</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>浏览器的滚动条位置发生变化时触发的事件</td></tr> <tr> <th vAlign=top align=left>onStop</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断</td></tr> <tr> <th vAlign=top align=left>onUnload</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 </td> <td>当前页面将被改变时触发的事件</td></tr> <tr> <th align=left colSpan=3>表单相关事件</th></tr> <tr> <th>事件</th> <th>浏览器支持</th> <th>描述</th></tr> <tr> <th vAlign=top align=left>onBlur</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 </td> <td>当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]</td></tr> <tr> <th vAlign=top align=left>onChange</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 </td> <td>当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]</td></tr> <tr> <th vAlign=top align=left>onFocus</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 </td> <td>当某个元素获得焦点时触发的事件</td></tr> <tr> <th vAlign=top align=left>onReset</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O3 </td> <td>当表单中RESET的属性被激发时触发的事件</td></tr> <tr> <th vAlign=top align=left>onSubmit</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3 </td> <td>一个表单被递交时触发的事件</td></tr> <tr> <th align=left colSpan=3>滚动字幕事件</th></tr> <tr> <th>事件</th> <th>浏览器支持</th> <th>描述</th></tr> <tr> <th vAlign=top align=left>onBounce</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>在Marquee内的内容移动至Marquee显示范围之外时触发的事件</td></tr> <tr> <th vAlign=top align=left>onFinish</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>当Marquee元素完成需要显示的内容后触发的事件</td></tr> <tr> <th vAlign=top align=left>onStart</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>当Marquee元素开始显示内容时触发的事件</td></tr> <tr> <th align=left colSpan=3>编辑事件</th></tr> <tr> <th>事件</th> <th>浏览器支持</th> <th>描述</th></tr> <tr> <th vAlign=top align=left>onBeforeCopy</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件</td></tr> <tr> <th vAlign=top align=left>onBeforeCut</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件</td></tr> <tr> <th vAlign=top align=left>onBeforeEditFocus</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当前元素将要进入编辑状态</td></tr> <tr> <th vAlign=top align=left>onBeforePaste</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件</td></tr> <tr> <th vAlign=top align=left>onBeforeUpdate</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当浏览者粘贴系统剪贴板中的内容时通知目标对象</td></tr> <tr> <th vAlign=top align=left>onContextMenu</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]</td></tr> <tr> <th vAlign=top align=left>onCopy</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当页面当前的被选择内容被复制后触发的事件</td></tr> <tr> <th vAlign=top align=left>onCut</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当页面当前的被选择内容被剪切时触发的事件</td></tr> <tr> <th vAlign=top align=left>onDrag</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当某个对象被拖动时触发的事件 [活动事件]</td></tr> <tr> <th vAlign=top align=left>onDragDrop</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE | N4 | O </td> <td>一个外部对象被鼠标拖进当前窗口或者帧</td></tr> <tr> <th vAlign=top align=left>onDragEnd</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了</td></tr> <tr> <th vAlign=top align=left>onDragEnter</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当对象被鼠标拖动的对象进入其容器范围内时触发的事件</td></tr> <tr> <th vAlign=top align=left>onDragLeave</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当对象被鼠标拖动的对象离开其容器范围内时触发的事件</td></tr> <tr> <th vAlign=top align=left>onDragOver</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]</td></tr> <tr> <th vAlign=top align=left>onDragStart</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>当某对象将被拖动时触发的事件</td></tr> <tr> <th vAlign=top align=left>onDrop</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>在一个拖动过程中，释放鼠标键时触发的事件</td></tr> <tr> <th vAlign=top align=left>onLoseCapture</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当元素失去鼠标移动所形成的选择焦点时触发的事件</td></tr> <tr> <th vAlign=top align=left>onPaste</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O </td> <td>当内容被粘贴时触发的事件</td></tr> <tr> <th vAlign=top align=left>onSelect</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>当文本内容被选择时的事件</td></tr> <tr> <th vAlign=top align=left>onSelectStart</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O </td> <td>当文本内容选择将开始发生时触发的事件</td></tr> <tr> <th align=left colSpan=3>数据绑定</th></tr> <tr> <th>事件</th> <th>浏览器支持</th> <th>描述</th></tr> <tr> <th vAlign=top align=left>onAfterUpdate</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>当数据完成由数据源到对象的传送时触发的事件</td></tr> <tr> <th vAlign=top align=left>onCellChange</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当数据来源发生变化时</td></tr> <tr> <th vAlign=top align=left>onDataAvailable</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>当数据接收完成时触发事件</td></tr> <tr> <th vAlign=top align=left>onDatasetChanged</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>数据在数据源发生变化时触发的事件</td></tr> <tr> <th vAlign=top align=left>onDatasetComplete</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>当来子数据源的全部有效数据读取完毕时触发的事件</td></tr> <tr> <th vAlign=top align=left>onErrorUpdate</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件</td></tr> <tr> <th vAlign=top align=left>onRowEnter</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当前数据源的数据发生变化并且有新的有效数据时触发的事件</td></tr> <tr> <th vAlign=top align=left>onRowExit</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当前数据源的数据将要发生变化时触发的事件</td></tr> <tr> <th vAlign=top align=left>onRowsDelete</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当前数据记录将被删除时触发的事件</td></tr> <tr> <th vAlign=top align=left>onRowsInserted</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当前数据源将要插入新数据记录时触发的事件</td></tr> <tr> <th align=left colSpan=3>外部事件</th></tr> <tr> <th>事件</th> <th>浏览器支持</th> <th>描述</th></tr> <tr> <th vAlign=top align=left>onAfterPrint</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当文档被打印后触发的事件</td></tr> <tr> <th vAlign=top align=left>onBeforePrint</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当文档即将打印时触发的事件</td></tr> <tr> <th vAlign=top align=left>onFilterChange</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>当某个对象的滤镜效果发生变化时触发的事件</td></tr> <tr> <th vAlign=top align=left>onHelp</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>当浏览者按下F1或者浏览器的帮助选择时触发的事件</td></tr> <tr> <th vAlign=top align=left>onPropertyChange</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O</td> <td>当对象的属性之一发生变化时触发的事件</td></tr> <tr> <th vAlign=top align=left>onReadyStateChange</th> <td vAlign=top>HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O</td> <td>当对象的初始化属性值发生变化时触发</td></tr></table> </td> </tr> <tr> <td vAlign=top align=left height="100%">
↑返回目录
前一篇: 用JavaScript代码给网页热键功能
后一篇: 简单介绍CSS结合JS的运用