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

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

核心代码：

1. <ul id="parentUl">
2. <li>我还是个孩子</li>
3. <li>我还是个孩子</li>
4. <li>我还是个孩子</li>
5. <li>我还是个孩子</li>
6. <li>我还是个孩子</li>
7. </ul>

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