码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的事件处理

时间:2017-08-22 19:47:52      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:动作   size   字母   状态   键盘   按钮   控件   过程   鼠标   

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的事件处理

标签:动作   size   字母   状态   键盘   按钮   控件   过程   鼠标   

原文地址:http://www.cnblogs.com/Demetris/p/7413116.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!