js点击事件，事件冒泡，事件捕获

JS点击事件

三种方式

• 行间事件

  <button onclick="display()"></button>
  

• js中绑定

  const btn = document.getElementById("btn");
  btn.onclick = function()
  [^_^]
  同名称事件绑定，后者或覆盖掉前者的事件
  

• addEventListener注册

  第三个参数为true时，事件捕获；为false时，事件冒泡【默认值】

  window.addEventListener("click",function(){},true)
  window.removeEventListener("click",function(){})
  

事件冒泡

子元素事件会一直触发到父元素或者祖父元素

if(ev.stopPropagation){  //主流浏览器都支持
       ev.stopPropagation()
   }else{                  //IE 11以下
       ev.cancelBubble = true;  
   }

事件捕获

父元素事件会一直触发到子元素或者孙子元素