📄 网页中相关事件的详细讲解和说明.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页中相关事件的详细讲解和说明</title>
</head>
<body>
<table width="95%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" class=READNEWSTITLE><DIV align=center>
<font color=#05006C><b>网页中相关事件的详细讲解和说明</b></font></DIV></td>
</tr>
<tr>
<tr>
<td><hr size=1 bgcolor=#d9d9d9></td>
</tr>
<tr>
<TD align=center>作者： 来源：网页教学网 更新日期：2005-03-28
浏览次数：<SCRIPT language=Javascript src="http://www.webjx.com/view.php?id=4367"></SCRIPT></TD>
</tr>
<tr>
<td class="NEWS" id="zoom"><TABLE cellSpacing=0 cellPadding=3 width="100%" border=1>
<TBODY>
<TR>
<TH align=left colSpan=3><FONT color=#990000><B>一般事件</B></FONT></TH></TR>
<TR>
<TH><B><FONT size=2>事件</FONT></B></TH>
<TH><B><FONT size=2>浏览器支持</FONT></B></TH>
<TH><B><FONT size=2>描述</FONT></B></TH></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onClick</FONT></B></TH>
<TD vAlign=top noWrap>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser: <B><FONT color=#cc0000>IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>鼠标点击事件，多用在某个对象控制的范围内的鼠标点击</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onDblClick</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>鼠标双击事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onMouseDown</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>鼠标上的按钮被按下了</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onMouseUp</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>鼠标按下后，松开时激发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onMouseOver</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>当鼠标移动到某对象范围的上方时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onMouseMove</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>鼠标移动时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onMouseOut</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N3 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>当鼠标离开某对象范围时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onKeyPress</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onKeyDown</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onKeyUp</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]</TD></TR>
<TR>
<TH align=left colSpan=3><FONT color=#990000><B>页面相关事件</B></FONT></TH></TR>
<TR>
<TH><B><FONT size=2>事件</FONT></B></TH>
<TH><B><FONT size=2>浏览器支持</FONT></B></TH>
<TH><B><FONT size=2>描述</FONT></B></TH></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onAbort</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N3 </FONT></B>| O </TD>
<TD>图片在下载时被用户中断</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onBeforeUnload</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>| N | O </TD>
<TD>当前页面的内容将要被改变时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onError</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N3 </FONT></B>| O </TD>
<TD>捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onLoad</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onMove</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser: IE |<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>浏览器的窗口被移动时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onResize</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N4 </FONT></B>| O </TD>
<TD>当浏览器的窗口大小被改变时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onScroll</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>| N | O </TD>
<TD>浏览器的滚动条位置发生变化时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onStop</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE5 </FONT></B>| N | O</TD>
<TD>浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onUnload</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>当前页面将被改变时触发的事件</TD></TR>
<TR>
<TH align=left colSpan=3><FONT color=#990000><B>表单相关事件</B></FONT></TH></TR>
<TR>
<TH><B><FONT size=2>事件</FONT></B></TH>
<TH><B><FONT size=2>浏览器支持</FONT></B></TH>
<TH><B><FONT size=2>描述</FONT></B></TH></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onBlur</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onChange</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onFocus</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>当某个元素获得焦点时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onReset</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>|<B><FONT color=#cc0000> N3 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>当表单中RESET的属性被激发时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onSubmit</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 |<B><FONT color=#cc0000> 4 </FONT></B><BR>Browser:<B><FONT color=#cc0000> IE3 </FONT></B>|<B><FONT color=#cc0000> N2 </FONT></B>|<B><FONT color=#cc0000> O3 </FONT></B></TD>
<TD>一个表单被递交时触发的事件</TD></TR>
<TR>
<TH align=left colSpan=3><FONT color=#990000><B>滚动字幕事件</B></FONT></TH></TR>
<TR>
<TH><B><FONT size=2>事件</FONT></B></TH>
<TH><B><FONT size=2>浏览器支持</FONT></B></TH>
<TH><B><FONT size=2>描述</FONT></B></TH></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onBounce</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>| N | O </TD>
<TD>在Marquee内的内容移动至Marquee显示范围之外时触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onFinish</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>| N | O </TD>
<TD>当Marquee元素完成需要显示的内容后触发的事件</TD></TR>
<TR>
<TH vAlign=top align=left><B><FONT size=2>onStart</FONT></B></TH>
<TD vAlign=top>HTML: 2 | 3 | 3.2 | 4 <BR>Browser:<B><FONT color=#cc0000> IE4 </FONT></B>| N | O </TD>
<TD>当Marquee元素开始显示内容时触发的事件</TD></TR>
<TR>
<TH align=left colSpan=3><FONT color=#990000><B>编辑事件</B></FONT></TH></TR>
<TR>
<TH><B><FONT size=2>事件</FONT></B></TH>
<TH><B><FONT size=2>浏览器支持</FONT></B></TH>
<TH><B><FONT size=2>描述</FONT></B></TH></TR>
<TR>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -