JavaScript的事件处理

Posted Demetris

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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获得焦点事件--如输入信息时输入框样式改变;onbluronfouse通常结合使用

c) onchange值改变时触发的事件--只在事件对象的值发生改变并且事件对象失去焦点时触发;onchange多用于监听用户是否修改下拉列表的选择<select name=”” onchange=”changeHandle()”></select>

以上是关于JavaScript的事件处理的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript学习——事件处理程序

JavaScript事件的三种绑定方式事件处理程序

JavaScript事件

JavaScript的事件处理

请简单说明javascript中处理事件的步骤

探究JavaScript中的五种事件处理程序