事件捕获e || window.event

事件对象的获取很简单，很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定

	<div onclick="eventHandle(event)" id="outSide" style="width:100px; height:auto; background:#000; padding:50px">
			<div id="inSide1" style="width:100px; height:100px; background:#CCC"></div>
			<div id="inSide2" style="width:100px; height:100px; background:#CCC"></div>
			<div id="inSide3" style="width:100px; height:100px; background:#CCC"></div>
			<div id="inSide4" style="width:100px; height:100px; background:#CCC"></div>
			<div id="inSide5" style="width:100px; height:100px; background:#CCC"></div>
		</div>
		<script type="text/javascript">
			//本例子只在外面盒子定义了处理方法，而这个方法一样可以捕获到子元素点击行为并处理它。假设有成千上万子元素要处理，
			//难道我们要为每个元素加“onclick="eventHandle(event)"”？显然没有这种集中处理的方法来的简单，同时它的性能也是更高的。
//			function eventHandle(e) {
//				var e = e || window.event;
//				var obj = e.target || e.srcElement;
//				console.log(obj);
//				alert(obj.id + ' was click')
//			}
			function eventHandle(e){
				var e = e || window.event;
				var obj =e.target ||e.srcElement;
				console.log(obj);
				alert('被点击的id：'+obj.id);
			}
		</script>