日期:2014-05-16  浏览次数:20383 次

从网上摘抄的同JS事件相关的整理与归纳

javascript 触发事件列表

?

?

1.单击事件___onclick

用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:<input type="button" value="打开页面" onlick="window.open('xxxx.html','newwindow','width=456,height=230,toolbar=no,menubar=no,scrollbars=yes');">
?

2.改变事件___onchange

当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;<textarea name="liuyan" rows=5 cols=70 value=" " onchange=alert("您在文本框中添加了新的内容")>
?

3.选中事件____onselect

当text或textarea对象中的文字被选中里会引发该事件
如:<ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")>
?

4.获得焦点事件____onfocus

用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.
如:<select name="zhengjian" onfocus="alert("我成为焦点")>
?

5.失去焦点事件______onblur

失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.
?

6.载入文件事件____onload

当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert("正在加载页面,请等待...")>
?

7.卸载文件事件____onunload

与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload="confirm("你确定要离开本页?")>
?

8.鼠标覆盖事件 _____onmouseover

onmouseover是当鼠标位于元素上方时所引发的事件
如:<input type="boutton" value="按钮" onmouseover="window.status='请您注意下面的状态栏'; return true">
?

9.鼠标离开事件_____onmouseout

onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
?

10.一般事件

onclick???????????? ?? 鼠标点击时触发此事件
ondblclick?????????? 鼠标双击时触发此事件
onmousedown??? 按下鼠标时触发此事件
onmouseup??????? 鼠标按下后,松开鼠标时触发的事件
onmouseover???? 当鼠标移动到某对象范围的上方时触发此事件
onmousemove??? 鼠标移动时触发此事件.
onmouseout?????? 当鼠标离开某对象范围时触发此事件
onkeypress??? ??? 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象
onkeydown????? ? 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象
onkeyup??????????? 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象
?
?

11.页面相关事件

onabort?? 图片在下载时被用户中断
onbeforeunload?? 当前页面的内容将要被改变