事件流2019-11-14

事件冒泡

多个节点,同一事件,由子节点向父节点触发同一事件这就是事件冒泡

阻止事件冒泡

e.stopPropagation();?e.stopPropagation() || e.cancelBubble = true;

阻止事件默认行为;

e.preventDefault()?e.preventDefault() || e.return =false;

事件监听

box.addEventListener('click',function(){},trun/false);
true :捕获   false:冒泡,默认冒泡
兼容
  
      function addEvent(obj,type,callBack){
  if(obj.addEventListener){
    obj.addEventListener(type,callBack);
}else{
obj.attachEvent('on'+type,callBack);
}
}

事件委托

ul.onclick = function(eve){
    var e = eve || event;
    if(e.target.nodeName=="li"){
    alert(e.target.innerHtml)
}
}

兼容
 var target = target || srcElement;