javascript事件委托

<ul id="ul">
	<li id="li1">dododo</li>
	<li id="li2">dododo</li>
	<li id="li3">dododo</li>
</ul>

 如果想对多个li对象进行事件侦听，这时候用事件委托是不二的选择了。事件委托就是利用了事件冒泡，对document中某一个元素进行侦听，其实也就是侦听了其下的所有子元素。

javascript代码如下：

var EventUtil = {
	addEvent: function(node, type, listener) {
		if (node.addEventListener) {
			node.addEventListener(type, listener, false); //firefox
		} else {
			node.attachEvent("on"+type, listener); //ie
		}},
	getTarget: function(event){
		return event.target || event.srcElement;
		/**
		在ie下是用event.srcElement，firefox下用event.target
		*/
	}	
}

var node = document.getElementById("ul");
	
EventUtil.addEvent(node,"click",function(event){
	alert(EventUtil.getTarget(event).id);
});

 当鼠标单击li元素时，会弹出显示当前li id的警告框，以上代码在ie8, firefox5测试通过