Detailed summary of js form events_basic knowledge

javascript表单事件汇总
1。onabort（ns3，ns4，ie4）：当用户终止正在打开的网页时产生该事件。
2。onblur（ns3，ns4，ie3，ie4）：某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。
3。onchange（ns3，ns4，ie3，ie4）：当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。
4。onclick（ns3，ns4，ie3，ie4）单击网页上的某元素时产生
5。ondblclick（ns4，ie4）：双击网页上的元素时产生
6。onerror（ns3，ns4，ie4）：浏览器在打开网页的过程中发生错误时产生该事件
7。onfinish（ie4）：滚动文本条中的文本完成一次滚动时产生的事件
8。onfocus（ns3，ns4，ie3，ie4）网页上的元素获得焦点时产生该事件
9。onkeydown（ns4，ie4）按下任意键时产生该事件
10。onkeypress（ns4，ie4）按下任意键时并释放该键产生的事件
11。onkeyup（ns4，ie4）释放按下的按键产生该事件
12。onload（ns3、4，ie3、4）网页或图象调入完成后产生该事件
13。onmousedown（ns4，ie4）在网页的某元素上按下鼠标时产生该事件
14。onmousemove（ie3、4）在网页的某元素上移动鼠标时产生该事件
15。onmouseout（ns3、4，ie4）从网页的某元素移出鼠标时产生该事件
16。onmouseover（ns3、4，ie3、4）鼠标移入网页的某元素时产生该事件
17。onmouseup（ns4，ie4）释放按下的鼠标时产生该事件
18。onreset（ns3、4，ie3、4）复位表格时产生该事件
19。onresize（ns4，ie4）改变浏览器时产生该事件
20。onselect（ns3、4，ie3、4）选择文本框中的文本时产生该事件
21。onstart（ie4）滚动文本条中的文本开始滚动时产生该事件
22。onsubmit（ns3、4，ie3、4）提交表单时产生该事件
23。onunload（ns3、4，ie3、4）从当前的网页退出时产生该事件

<title>脚本之家</title> <table width="770" border="0" cellspacing="0" cellpadding="4" align="center" bgcolor="#FFEFD6" class="2line" background="../image/bg01.gif"> <tr> <td> <div align="center" id="pageTitle" class="13px_font"> <b>javascript事件列表解说</b> </div> </td> </tr> <tr> <td class="13px_font"> <table cellspacing="0" bordercolordark="white" cellpadding="2" width="90%" align="center" bordercolorlight="black" border="1"> <tr> <td align="middle" colspan="2">事件</td> <td align="middle" width="85">浏览器支持</td> <td align="middle" width="348">解说</td> </tr> <tr> <td width="12" rowspan="10">一般事件</td> <td width="131">onclick</td> <td width="85">IE3、N2 </td> <td width="348">鼠标点击时触发此事件</td> </tr> <tr> <td width="131">ondblclick</td> <td width="85">IE4、N4 </td> <td width="348">鼠标双击时触发此事件</td> </tr> <tr> <td width="131">onmousedown</td> <td width="85">IE4、N4 </td> <td width="348">按下鼠标时触发此事件</td> </tr> <tr> <td width="131">onmouseup</td> <td width="85">IE4、N4 </td> <td width="348">鼠标按下后松开鼠标时触发此事件</td> </tr> <tr> <td width="131">onmouseover</td> <td width="85">IE3、N2 </td> <td width="348">当鼠标移动到某对象范围的上方时触发此事件</td> </tr> <tr> <td width="131">onmousemove</td> <td width="85">IE4、N4 </td> <td width="348">鼠标移动时触发此事件</td> </tr> <tr> <td width="131">onmouseout</td> <td width="85">IE4、N3</td> <td width="348">当鼠标离开某对象范围时触发此事件</td> </tr> <tr> <td width="131">onkeypress</td> <td width="85">IE4、N4 </td> <td width="348">当键盘上的某个键被按下并且释放时触发此事件.</td> </tr> <tr> <td width="131">onkeydown</td> <td width="85">IE4、N4 </td> <td width="348">当键盘上某个按键被按下时触发此事件</td> </tr> <tr> <td width="131">onkeyup</td> <td width="85">IE4、N4 </td> <td width="348">当键盘上某个按键被按放开时触发此事件</td> </tr> <tr> <td width="12" rowspan="9">页面相关事件</td> <td width="131">onabort</td> <td width="85">IE4、N3 </td> <td width="348">图片在下载时被用户中断</td> </tr> <tr> <td width="131">onbeforeunload</td> <td width="85">IE4、N </td> <td width="348">当前页面的内容将要被改变时触发此事件</td> </tr> <tr> <td width="131">onerror</td> <td width="85">IE4、N3 </td> <td width="348">出现错误时触发此事件</td> </tr> <tr> <td width="131">onload</td> <td width="85">IE3、N2 </td> <td width="348">页面内容完成时触发此事件</td> </tr> <tr> <td width="131">onmove</td> <td width="85">IE、N4 </td> <td width="348">浏览器的窗口被移动时触发此事件</td> </tr> <tr> <td width="131">onresize</td> <td width="85">IE4、N4 </td> <td width="348">当浏览器的窗口大小被改变时触发此事件</td> </tr> <tr> <td width="131">onscroll</td> <td width="85">IE4、N </td> <td width="348">浏览器的滚动条位置发生变化时触发此事件</td> </tr> <tr> <td width="131">onstop</td> <td width="85">IE5、N </td> <td width="348">浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断</td> </tr> <tr> <td width="131">onunload</td> <td width="85">IE3、N2 </td> <td width="348">当前页面将被改变时触发此事件</td> </tr> <tr> <td width="12" rowspan="5">表单相关事件</td> <td width="131">onblur</td> <td width="85">IE3、N2 </td> <td width="348">当前元素失去焦点时触发此事件</td> </tr> <tr> <td width="131">onchange</td> <td width="85">IE3、N2 </td> <td width="348">当前元素失去焦点并且元素的内容发生改变而触发此事件</td> </tr> <tr> <td width="131">onfocus</td> <td width="85">IE3 、N2</td> <td width="348">当某个元素获得焦点时触发此事件</td> </tr> <tr> <td width="131">onreset</td> <td width="85">IE4 、N3 </td> <td width="348">当表单中RESET的属性被激发时触发此事件</td> </tr> <tr> <td width="131">onsubmit</td> <td width="85">IE3 、N2 </td> <td width="348">一个表单被递交时触发此事件</td> </tr> <tr> <td width="12" rowspan="3">滚动字幕事件</td> <td valign="top" align="left" width="131">onbounce</td> <td valign="top" width="85">IE4、N</td> <td width="348">在Marquee内的内容移动至Marquee显示范围之外时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onfinish</td> <td valign="top" width="85">IE4、N</td> <td width="348">当Marquee元素完成需要显示的内容后触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onstart</td> <td valign="top" width="85">IE4、 N</td> <td width="348">当Marquee元素开始显示内容时触发此事件</td> </tr> <tr> <td width="12" rowspan="20">编辑事件</td> <td valign="top" align="left" width="131">onbeforecopy</td> <td valign="top" width="85">IE5、N</td> <td width="348">当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onbeforecut</td> <td valign="top" width="85">IE5、 N</td> <td width="348">当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onbeforeeditfocus</td> <td valign="top" width="85">IE5、N</td> <td width="348">当前元素将要进入编辑状态</td> </tr> <tr> <td valign="top" align="left" width="131">onbeforepaste</td> <td valign="top" width="85">IE5、 N</td> <td width="348">内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onbeforeupdate</td> <td valign="top" width="85">IE5、 N</td> <td width="348">当浏览者粘贴系统剪贴板中的内容时通知目标对象</td> </tr> <tr> <td valign="top" align="left" width="131">oncontextmenu</td> <td valign="top" width="85">IE5、N</td> <td width="348">当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件</td> </tr> <tr> <td valign="top" align="left" width="131">oncopy</td> <td valign="top" width="85">IE5、N</td> <td width="348">当页面当前的被选择内容被复制后触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">oncut</td> <td valign="top" width="85">IE5、N </td> <td width="348">当页面当前的被选择内容被剪切时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">ondrag</td> <td valign="top" width="85">IE5、N </td> <td width="348">当某个对象被拖动时触发此事件 [活动事件]</td> </tr> <tr> <td valign="top" align="left" width="131">ondragdrop</td> <td valign="top" width="85">IE、N4</td> <td width="348">一个外部对象被鼠标拖进当前窗口或者帧</td> </tr> <tr> <td valign="top" align="left" width="131">ondragend</td> <td valign="top" width="85">IE5、N</td> <td width="348">当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了</td> </tr> <tr> <td valign="top" align="left" width="131">ondragenter</td> <td valign="top" width="85">IE5、N</td> <td width="348">当对象被鼠标拖动的对象进入其容器范围内时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">ondragleave</td> <td valign="top" width="85">IE5、N </td> <td width="348">当对象被鼠标拖动的对象离开其容器范围内时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">ondragover</td> <td valign="top" width="85">IE5、N</td> <td width="348">当某被拖动的对象在另一对象容器范围内拖动时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">ondragstart</td> <td valign="top" width="85">IE4、N</td> <td width="348">当某对象将被拖动时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">ondrop</td> <td valign="top" width="85">IE5、N</td> <td width="348">在一个拖动过程中，释放鼠标键时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onlosecapture</td> <td valign="top" width="85">IE5、N</td> <td width="348">当元素失去鼠标移动所形成的选择焦点时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onpaste</td> <td valign="top" width="85">IE5、N</td> <td width="348">当内容被粘贴时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">onselect </td> <td valign="top" width="85">IE4、N</td> <td width="348">当文本内容被选择时的事件</td> </tr> <tr> <td valign="top" align="left" width="131">onselectstart</td> <td valign="top" width="85">IE4、N</td> <td width="348">当文本内容选择将开始发生时触发的事件</td> </tr> <tr> <td width="12" rowspan="10">数据绑定</td> <td valign="top" align="left" width="131">onafterupdate</td> <td valign="top" width="85">IE4、N</td> <td width="348">当数据完成由数据源到对象的传送时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">oncellchange</td> <td valign="top" width="85">IE5、N</td> <td width="348">当数据来源发生变化时</td> </tr> <tr> <td valign="top" align="left" width="131">ondataavailable</td> <td valign="top" width="85">IE4、N</td> <td width="348">当数据接收完成时触发事件</td> </tr> <tr> <td valign="top" align="left" width="131">ondatasetchanged</td> <td valign="top" width="85">IE4、N</td> <td width="348">数据在数据源发生变化时触发的事件</td> </tr> <tr> <td width="131">ondatasetcomplete</td> <td valign="top" width="85">IE4、N</td> <td width="348">当来子数据源的全部有效数据读取完毕时触发此事件</td> </tr> <tr> <td valign="top" align="left" width="131">오류 업데이트 시</td> <td valign="top" width="85">IE4, N</td> <td width="348">onBeforeUpdate 이벤트 트리거를 사용하여 데이터 전송이 취소되면 onAfterUpdate 이벤트를 교체하세요</td> </tr> <tr> <td valign="top" align="left" width="131">온로엔터</td> <td valign="top" width="85">IE5, N</td> <td width="348">현재 데이터 소스의 데이터가 변경되고 유효한 새로운 데이터가 있을 때 발생하는 이벤트</td> </tr> <tr> <td valign="top" align="left" width="131">출구시</td> <td valign="top" width="85">IE5, N</td> <td width="348">현재 데이터 소스의 데이터가 변경되려고 할 때 발생하는 이벤트</td> </tr> <tr> <td valign="top" align="left" width="131">행삭제</td> <td valign="top" width="85">IE5, N</td> <td width="348">현재 데이터 기록이 삭제될 때 이 이벤트가 발생합니다</td> </tr> <tr> <td valign="top" align="left" width="131">행삽입됨</td> <td valign="top" width="85">IE5, N</td> <td width="348">이 이벤트는 현재 데이터 소스가 새 데이터 레코드를 삽입하려고 할 때 트리거됩니다</td> </tr> <tr> <td width="12" rowspan="6">외부행사</td> <td valign="top" align="left" width="131">애프터프린트</td> <td valign="top" width="85">IE5, N</td> <td width="348">문서가 인쇄될 때 발생하는 이벤트입니다</td> </tr> <tr> <td valign="top" align="left" width="131">인쇄 전</td> <td valign="top" width="85">IE5, N</td> <td width="348">문서가 인쇄되려고 할 때 발생하는 이벤트입니다</td> </tr> <tr> <td valign="top" align="left" width="131">필터변경</td> <td valign="top" width="85">IE4, N</td> <td width="348">오브젝트의 필터 효과가 변경될 때 발생하는 이벤트</td> </tr> <tr> <td valign="top" align="left" width="131">도움말</td> <td valign="top" width="85">IE4, N</td> <td width="348">이 이벤트는 시청자가 F1을 누르거나 브라우저의 도움말 선택을 누르면 실행됩니다</td> </tr> <tr> <td valign="top" align="left" width="131">속성 변경 시</td> <td valign="top" width="85">IE5, N</td> <td width="348">이 이벤트는 개체의 속성 중 하나가 변경될 때 트리거됩니다</td> </tr> <tr> <td valign="top" align="left" width="131">준비 상태 변경 중</td> <td valign="top" width="85">IE4, N</td> <td width="348">객체의 초기화 속성값이 변경될 때 발생하는 이벤트입니다</td> </tr> </table> </td> </tr> </table>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]