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=”” οnabοrt=”abortHandle()”/>

e) onerror异常事件--window对象的属性,window.onerror;包含3个默认参数:错误信息、错误页面URL、错误行号;如果不需要系统弹出错误提示可在事件处理函数语句添加“return true;

f) onreset按下重置按钮事件

g) onsubmit按下提交按钮事件--处理函数必须返回true/false,否则函数体也会被忽视;通常写法“οnsubmit=return function()’”

5.变动事件--光标位置改变引起的状态改变

a) onblur失去焦点事件--如校验日期的有效性

b) onfouse获得焦点事件--如输入信息时输入框样式改变;onbluronfouse通常结合使用

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

转载于:https://www.cnblogs.com/Demetris/p/7413116.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值