事件冒泡，委托机制和浏览器的默认行为

事件冒泡，事件委托机制

一、事件冒泡

---

概念：当一个元素触发了事件的时候，会依次向上触发所有元素的相同事件，即依次向父级传递，一直到window。

举个例子

var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
   div2.onclick = function(){
   alert(1);};
   div1.onclick = function(){
   alert(2);};//父亲

//html代码
 <div id="div1">

    <div id="div2"></div>
 </div>

现象：两个父子关系的div,然后分别加了点击事件，当我们在div2里面点击的时候，会发现弹出了一次1，接着又弹出了2，这说明点击的时候，不仅div2的事件被触发了，它的父级的点击事件也触发了，这种现象就叫做冒泡。点击了div1,自己父级的点击事件也会被触发。

事件冒泡与页面显示出来的位置是没有关系的，而是和html代码的位置有关系

再看个例子

var div1 = document.getElementById("div1");
var div2 = document.getElem