关于JS事件冒泡与JS事件代理（事件委托）

 连接：https://blog.csdn.net/supercoooooder/article/details/52190100

核心代码：

<ul id="parentUl">
        <li>我还是个孩子</li>
        <li>我还是个孩子</li>
        <li>我还是个孩子</li>
        <li>我还是个孩子</li>
        <li>我还是个孩子</li>
    </ul>

 

var ul = document.getElementById('parentUl');
    ul.onclick=function (event) {
      var e = event||window.event,
              source = e.target || e.srcElement;//target表示在事件冒泡中触发事件的源元素，在IE中是srcElement
        if(source.nodeName.toLowerCase() == "li"){   //判断只有li触发的才会输出内容
            alert(source.innerHTML);
        }
        stopPropagation(e);                           //阻止继续冒泡
    };
    function addElement() {
        var li = document.createElement('li');
        li.innerHTML="我是新孩子";
        ul.appendChild(li);
    }