事件冒泡和事件捕获

1.阻止事件冒泡

function stopBubble(event){
    if(window.event){//兼容IE
        window.event.cancelBubble=true;
    }else{
        event.stopPropagation();
    }

2.阻止事件捕获

function stopDefaultEvent(event){
    if(window.event){//兼容IE
        window.event.returnValue=false;
    }else{
        event.preventDefault()
    }
    return false;
}

3.如何给一个元素绑定两个click事件

//html
<p><button id="btn">点击</button></p>

第一种方法，阻止事件冒泡,给元素p和btn添加pClick()和btnClick()事件

function pClick(){
      alert('a')
 }

function btnClick(){
   alert('b')
   return false;
 }

第二种方法，使用addEventListener

  var btn = document.getElementById("btn");
    btn.addEventListener('click',function(){
      alert("a");
    },false)
    btn.addEventListener('click',function(){
      alert("b");
    },false)