js 事件对象

js 是面向对象的,每次这么说一遍,总有一天会深入理解这个概念的;


我们来看看事件对象,我们先简单的从概念上描述一下什么是事件对象:

我们都知道事件,比如click  ,keydown , mouseover 等等,是不是很熟悉,

那么事件对象就很好理解了,事件对象存储了有关这个对象的一些信息,而这些信息我们都能获取:

这么说也不好理解,看下面的图片:


假设现在有一个点击事件,那么点击事件的事件对象就像一个大盒子,这个大盒子就是click的事件对象,

事件对象,也就是这个大盒子,里面有很多相关的信息,如图所示;


而我们也能够获取或者设置这些信息;


我们看下面的例子,获取键值:

<!DOCTYPE html>
< html lang= "en">
< head>
< meta charset= "UTF-8">
< meta name= "viewport" content= "width=device-width, initial-scale=1.0">
< meta http-equiv= "X-UA-Compatible" content= "ie=edge">
< title>事件对象--获取键值</ title>
</ head>
< body>
< script>
window. onload = function(){
window. onkeydown = function( ev){
alert(ev.keyCode);
}
}
</ script>
</ body>
</ html>


上面的函数中的参数 ev 就是事件对象,也就是onkeydown 的事件对象,

keyCode就是事件对象中的信息,我们能够获取这个信息,也就是按下键盘的键值;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值