事件
javascrip是基于对象语言,而基于对象的基本特征就是采用事件驱动.通常鼠标或键盘的动作称之为事件,而由鼠标或键盘的动作引发的一连串程序动作,称之为事件驱动.对事件进行处理的程序或函数称为事件处理程序.
事件处理程序的基本语法:
function 事件处理名(参数表) {
事件处理语句集
................
}
在调用事件处理程序时的基本语法:
事件驱动=处理程序
说明:在等号后,可以使用自己编写的函数作为事件处理程序,也可以使用javascript内部的函数,还可以直接使用javascript的代码等.
1.单击事件___onclick
onlick 用户单击鼠标按键时产生的事件.同时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.一般事件
ondbclick 鼠标双击事件
鼠标上的按键被按下时激活的事件
鼠标按下后,松开鼠标时触发的事件
鼠标移动里触发的事件.
onkeypress 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象
onkeydown 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象
onkeyup 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象
11.页面相关事件
onabort 图片在下载时被用户中断
onbeforeunload 当前页面的内容将要被改变时触发的事件
onerror 捕捉当前页面因为某种原因而出现的错误,如脚本错误.
onmove 浏览器的窗口被移动里触发的事件
onresize 当浏览器的大小被改变时触发的事件
onscroll 浏览器的滚动条位置发生变化时触发的事件
onstop 浏览器的"停止"按钮被按下或者正在下载的文件被中断时触发的事件.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
