欢迎来到博客园~~~

解释事件冒泡机制?

a、在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件程序或者事件返回true,那么这个事件会向这个对象

  的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window

b、冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发

c、js冒泡机制是指如果某元素定义了事件A,如click事件,如果触发了事件之后,没有阻止冒泡事件,那么事件将向父元素传播,触发父类的click函数

  //阻止冒泡事件方法,兼容IEe.cancleBubble)和ffe.stopProgation

  Function stopBubble (e) {

    var evt = e || window.event

    //阻止冒泡

    evt.stopPropagation ? evt.stopPropagation() : ( evt.cancelBubble = true)

    Evt.preventDefault

  }

posted @ 2019-04-29 21:12  孙~洋  阅读(2521)  评论(0编辑  收藏  举报