事件监听

1、事件分为DOM 0级事件和Dom 2级事件,DOM2级事件也叫做事件监听。DOM 0级事件的缺点是如果事件相同 后者的事件会覆盖前者的事件,DOM2级事件可以解决这个问题

2、DOM2级事件的方法是 

    addEventListener() 

        参数1:事件类型  不需要加on   

        参数2:回调函数    

        参数3:布尔值  true代表捕获   false代表冒泡

    解绑事件方法:removeEventListener()    

    但是IE不支持此方法

    IE浏览器下用:attachEvent()

        参数1:事件类型  需要加on

        参数2:回调函数

    解绑事件方法:detachEvent()

3、事件流、事件冒泡、事件捕获

        当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播,路径所经过的节点都会收到该事件,这个传播的过程叫做DOM事件流

        元素触发事件时,事件的传播过程称为事件流,过程分为捕获和冒泡两种

        冒泡事件:微软提出的   事件由子元素传递到父元素的过程,叫做冒泡

        捕获事件:网景提出的   事件由父元素到子元素传递的过程,叫做事件捕获

4、IE与火狐的事件机制有什么区别?

        事件处理机制:IE是事件冒泡、火狐是 事件捕获;

5、事件代理/事件委托

    利用冒泡机制,将子元素的事件委托给父元素去监听(给父元素添加事件),当子元素触发事件时,事件冒泡到父级如果希望指定的子元素才能触发事件,可以通过事件对象(event)获得事件源(target),然后通过       条件判断是不是期望的子元素,如果是的话,执行事件,否则不执行

6、事件委托的好处

     1、实现对未来元素事件的绑定

     2、减少事件绑定,提高性能

7、如何找到事件源

     var target = e.target||e.srcElement

     tagName能找到事件源的元素名

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值