JavaScript的事件处理
JavaScript的事件处理
1.事件处理
a) JavaScript是一种基于对象和事件驱动的脚本语言
b) 当对象的状态改变时,对象应对这种改变做出的动作
c) function funName([param[,para....])
2.鼠标事件--鼠标状态改变
a) onclick单击事件
b) ondbclick双击事件
c) onmouseover鼠标移到对象上方事件
d) onmouseout鼠标离开事件
e) onmousedown鼠标按下事件
f) onmouseup鼠标放开按键事件
g) onselect选中事件
3.键盘事件
a) onkeydown按键事件--在键盘被按下时触发;按下任何一个键都会触发
b) onkeypress按下键事件--在键盘被按下时触发;发生在onkeydown之后;只在按下任一字符键时触发(字母、数字),不包括功能键(f1-f12)、Ctrl键、Shift键、Alt键等。
c) onkeyup放开键事件
4.HTML事件
a) onload窗口加载事件--在页面内容(图片、插件、控件。。。。。。)下载完毕后执行;一般在<body>标签中添加
b) onunload窗口离开事件--窗口离开行为包括关闭、返回、刷新、输入地址等
c) onresize改变窗口大小时触发的事件--在<body>中指定事件处理函数
d) onabort中断事件--只在页面加载img图像元素过程中发生中断时才 触发;<img name=”imgName” src=”” onabort=”abortHandle()”/>
e) onerror异常事件--window对象的属性,window.onerror;包含3个默认参数:错误信息、错误页面URL、错误行号;如果不需要系统弹出错误提示可在事件处理函数语句添加“return true;”
f) onreset按下重置按钮事件
g) onsubmit按下提交按钮事件--处理函数必须返回true/false,否则函数体也会被忽视;通常写法“onsubmit=‘return function()’”
5.变动事件--光标位置改变引起的状态改变
a) onblur失去焦点事件--如校验日期的有效性
b) onfouse获得焦点事件--如输入信息时输入框样式改变;onblur、onfouse通常结合使用
c) onchange值改变时触发的事件--只在事件对象的值发生改变并且事件对象失去焦点时触发;onchange多用于监听用户是否修改下拉列表的选择<select name=”” onchange=”changeHandle()”></select>