375day（事件源对象，事件委托）

《2018年10月12日》【连续375天】

标题：事件源对象，事件委托；

内容：
 

    <ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
		<li>6</li>
		<li>7</li>
		<li>8</li>
		<li>9</li>
		<li>10</li>
	</ul>
	<script type="text/javascript">
		
		function addEvent(elem, type, handle) {

			if(elem.addEventListener) {
				elem.addEventListener(type, handle, false);
			}else if(elem.attachEvent){
				elem.attachEvent('on' + type, function(){
					handle.call(elem);
				})
			}else{
				elem['on' + type] = handle;
			}
		}


		var wrapper = document.getElementsByClassName('wrapper')[0];
		var content = document.getElementsByClassName('content')[0];
		var box = document.getElementsByClassName('box')[0];
		//事件源对象
		wrapper.onclick = function (e) {
				var event = e || window.event;
				var target = event.target || event.srcElement;  //前者，Firefox和Chrome，后者，IE和chrome
				console.log(target);
		}
		//事件委托
		var ul = document.getElementsByTagName('ul')[0];
		ul.onclick = function (e) {
				var event = e || window.event;
				var target = event.target || event.srcElement;
				console.log(target.innerText);
		}
    </script>