JS----简单的事件委派

功能：事件委派实现--点击弹出 href的值

<ul id="resources">  
	<li><a href="http://opera.com/wsc">Opera Web Standards Curriculum</a></li>  
	<li><a href="http://sitepoint.com">Sitepoint</a></li>  
	<li><a href="http://alistapart.com">A List Apart</a></li>  
	<li><a href="http://yuiblog.com">YUI Blog</a></li>  
	<li><a href="http://blameitonthevoices.com">Blame it on the voices</a></li>  
	<li><a href="http://oddlyspecific.com">Oddly specific</a></li>  
</ul> 

<script>
	//事件委派1
	(function(){  
		var resources = document.getElementById('resources');  
		var links = resources.getElementsByTagName('a');  
		var all = links.length;  
		
		for(var i=0;i<all;i++){  
			links[i].addEventListener('click',handler,false);  
		};  
		
		function handler(e){  
			var x = e.target; // Get the link that was clicked  
			alert(x);  
			e.preventDefault();  
		};  
	})(); 

	//利用事件委派可以写出更加优雅的
	(function(){  
		var resources = document.getElementById('resources');  
		resources.addEventListener('click',handler,false);  
		
		function handler(e){  
			var x = e.target; // get the link tha  
			if(x.nodeName.toLowerCase() === 'a'){  
				alert(x);  
				e.preventDefault();  
			}  
		};  
	})();  
</script>