本文详细介绍了网页开发中常见的各种事件，包括onClick、onChange等交互事件，以及onLoad、onUnload等页面加载事件。此外还列举了鼠标和键盘相关事件，如onMouseOver、onMouseDown等。
115.3.1onClick事件
鼠标单击onClick事件是最常用的事件之一，当用户单击鼠标时，产生onClick事件，同时onClick指定的事件处理程序或代码将被调用程序。
<input type="buttom" name="fullsreen" value="全屏”onClick="window.open(dicument.location,'big', 'funllscreen=yes')">
<input type="button" name="close" value="还原" onClick="window.close()">
15.3.2onChange事件
当利用text或textarea元素输入的字符值改变时发生该事件，同时当在select表格中的一个选项状态改变后也会引发改事件
<textarea name="textarea" cols="50" rows="5"
onchange=alert("输入留言内容")></textarea>
15.3.3onSelect事件
是当文本框中的内容被选中时所发生的事件
<input name=stra id=stra tabIndex=1 value="选择输入的名称" size=16 onSelect=alert("选择输入的名称")>
15.3.4onFocus事件
当单击表单对象时，即将光标放在文本框或选择框上时产生onFocus事件
<label>
<input type="radio" name="RadioGroup1" value="游戏" onfocus=alert("选择游戏！") />游戏</label><br />
<label>
<input type="radio" name="RadioGroup1" value="上网" onfocus=alert("选择上网！") />上网</label><br />
<label>
<input type="radio" name="RadioGroup1" value="唱歌" onfocus=alert("选择唱歌！") />唱歌</label><br />
<label>
<input type="radio" name="RadioGroup1" value="跳舞" onfocus=alert("选择跳舞！") />跳舞</label><br />
<label>
<input type="radio" name="RadioGroup1" value="画画" onfocus=alert("选择画画！") />画画</label><br />
15.3.5onLoad事件
当加载网页文档时，会产生该事件。onLoad事件的作用是在首次载入一个页面文件时检测cookie的值，并用一个变量为其赋值，使其可以被源码使用。
function MM_popupMsg(mag) {//v1.0
alert(mag);
}
//-->
</script>
<body onload="MM_popupMsg('欢迎光临')">
15.3.6onUnload事件
当退出网页时引发onUnload事件，并可更新cookie的状态。
function MM_popupMsg(mag) {//v1.0
alert(mag);
}
//-->
</script>
<body onunload="MM_popupMsg('关闭本文档！')">
15.3.7onBlur事件
失去焦点onBlur事件正好与获得焦点事件事件相对，当text对象、textarea对象或select对象不再拥有焦点而退到后台，引发该事件。
<script type="text/javascript">
<!--
function MM_popupMsg(mag) {//v1.0
alert(mag);
}
//-->
</script>
<input name="textfield" type="text" onblur="MM_popupMsg('文档中的”账号“文本域失去焦点！')" /><br />
<input name="textfield2" type="text" onblur="MM_popupMsg('文档中的”密码“文本域失去焦点！')" /><br />
15.3.8onMouseOver事件
onMouseOver是当鼠标指针移动到某对象范围的上方时触发的事件。
<script type="text/javascript">
<!--
function MM_findObj(n,d) { //4v.01
var p,i,x;
if(!d) d=document;
if((p=n.indexOf( "?" ))>0&&parent.frames.length)
{
d=parent.frames[n.substring(P+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all)
x=d.all[n];
for(i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x==MM_findObj(n,d.layers[i].document);
if(!x && d.getElementbyId)
x=d.getElementById(n);
return x;
}
function MM_showhideLayers() { //v6.0
var i,p,obj,args=MM_showhideLayers.arguments;
for(i=0;i<(args.length-2);i+=3)
if ((obj=mm_findObj(args[i]))!=null){
v=args[i+2];
if (obj.style){
obj=obj.style;
v=(v==' show')?' visible' :(v=='hide')?' hidden' :v;
}
obj.visibility=v;}
}
//-->
</script>
15.3.9onMouseOut事件
onMouseOut是当鼠标指针离开某对象范围时触发的事件。
<div id="Layer1" onMouseout="MM_showHideLayers('Layer1' ,'','show' )">
<img src="1.jpg" width="257" height="171" align="middle" /></div>
15.3.10onDblClick事件
onDblClick是鼠标双击时触发的事件
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<body ondblclick="MM_openBrWindow('christmas.htm' ,'' ,'width=700,height=530')">双击此链接，可以“打开christmas.htm“网页文档。
15.3.11其他常用事件
| 事件 | 描述 |
| onmousedown | 按下鼠标时触次事件 |
| onmouseup | 鼠标按下后松开鼠标时触发此事件 |
| onmousemove | 鼠标移动时触发此事件 |
| onkeypress | 当键盘上的某个键被按下并且释放时触发此事件 |
| onkeydown | 当键盘上某个键被按下时触发此事件 |
| onkeyup | 当键盘上某个键被放开时触发此事件 |
| onabort | 图片在下载时被用户中断时触发此事件 |
| onbeforeunload | 当网页的内容将要被改变时触发此事件 |
| onerror | 出现错误时触发此事件 |
| onmove | 浏览器的窗口被移动时触发此事件 |
| onresize | 当浏览器的窗口大小被改变时触发此事件 |
| onscroll | 浏览器的滚动条位置发生改变时触发此事件 |
| onstop | 浏览器的“停止”按钮被按下或者正在下载的文件被中断时触发此事件 |
| onreset | 当表单中的reset属性被激发时触发此事件 |
| onsubmit | 一个表单被递交时触发此事件 |
| onbounce | 当Marquee 内的内容移动至Marquee显示范围之外 |
| onfinish | 当Marquee元素完成需要显示的内容后触发此事件 |
| onstart | 当Marquee元素开始显示内容时触发此事件 |
| onbeforecopy | 当页面当前的被选择内容将要复制到浏览者的系统剪贴板前触发此事件 |
| onbeforecut | 当页面中的一部分或者全部的内容将被移离当前网页剪切并移动到浏览者的系统剪切板时触发此事件 |
| onbeforeediffocus | 当前元素将要进入编辑状态时触发此事件 |
| onbeforepaste | 内容将要从浏览者的系统剪切板粘贴到页面中时触发此事件 |
| onbeforeupdate | 当浏览者粘贴系统剪贴板中的内容时通知目标对象 |
| oncontextmenu | 当浏览者按下鼠标右键出现菜单时或通过键盘的按键触发页面菜单时触发此事件 |
| oncopy | 当页面当前的被选择内容被复制时触发此事件 |
| oncut | 当页面当前的被选择内容被剪切时触发此事件 |
| ondrag | 当某个对象被拖动时触发此事件 |
| ondragdrop | 一个外部对象被拖进当前窗口或者帧时触发此事件 |
| ondragend | 当鼠标拖动结束时触发此事件，即鼠标被释放 |
| ondragenter | 当对象被鼠标拖动的对象进入其容器范围内时触发此事件 |
| ondragleave | 当对象被鼠标拖动的对象离开其容器范围内时触发此事件 |
| ondragstart | 当对象将被拖动时触发此事件 |
| ondrop | 在一个拖动过程中，释放鼠标时触发此事件 |
| onlosecapture | 当元素失去鼠标移动所形成的选择焦点时触发此事件 |
| onpaste | 当内容被粘贴时触发此事件 |
| onselectstart | 当文本内容选择将开始发生时触发此事件 |
| onfterupdate | 当数据完成由数据源到对象的传送时触发此事件 |
| oncellchanged | 当数据来源发生变化时触发此事件 |
| ondataavailable | 当数据接收完成时触发此事件 |
| ondatasetchanged | 数据在数据源发生变化时触发此事件 |
| ondatasetcomplete | 当来自数据源的全部有效数据读取完毕时触发此事件 |
| onerrorupdate | 当使用onbeforeupdate 事件触发取消了数据传送时，代替onafterupdate事件 |
| onrowenter | 当前数据源的数据发生变化并且有新的有效数据时触发此事件 |
| onrowexit | 当前数据源的数据将要发生变化时触发此事件 |
| onrowsdelete | 当前数据记录将被删除时触发此事件 |
| onrowsinserted | 当前数据源将要插入新数据记录时触发此事件 |
| onafterprint | 当文档被打印后触发此事件 |
| onbefreprint | 当文档即将打印时触发此事件 |
| onfilterchange | 当某个对象的滤镜效果发生改变时触发此事件 |
| onhelp | 当浏览者按下F1键或者浏览器的帮助选择时触发此事件 |
| onpropertychange | 当对象的属性之一发生改变时触发此事件 |
| onreadystatechange | 当对象的初始化属性值发生改变时触发此事件 |
| ondragover | 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 |
扫一扫
793
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
