事件委托

事件委托

将子元素的事件通过冒泡的形式交由父元素来执行

<ul id="parentUl">

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

</ul>

 

JavaScript代码：

var ul = document.getElementById('parentUl');

ul.οnclick=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="6";

ul.appendChild(li);

}

addElement() }