JS day39 事件对象

<div>1</div>
    <script>
        var div=document.querySelector('div');
        div.onclick=function(event){
            event=event || window.event
            console.log(event);
        }
    </script>   

1.event就是事件对象,写在侦听函数的括号里,当做形参来看,不需要传递实参过去
2.事件对象只有有了事件才会存在,他是系统给我们自动创建的,不需要我们传递参数
3.事件对象是:我们事件一系列相关数据的集合.例如鼠标点击包含鼠标的相关信息(坐标等);
键盘事件包含键盘的相关信息,例如用户按下了哪个键等
4.这个事件对象我们可以自己命名 e

5.事件对象在IE678中通过console.log(window.event)获取,兼容性写法为:

div.onclick=function(event){
    event=event || window.event
    console.log(event);
}

6.官方解释:event对象代表事件的状态,比如键盘按键的状态,鼠标的位置,鼠标按钮的状态.
7.简单理解:事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是
事件对象event,他有很多属性和方法
比如:
①谁绑定了这个事件
②鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置
③键盘触发事件的话,会得到键盘的相关信息,如按了哪个键

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值