事件对象的获取很简单,很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定
<div οnclick="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">
//本例子只在外面盒子定义了处理方法,而这个方法一样可以捕获到子元素点击行为并处理它。假设有成千上万子元素要处理,
//难道我们要为每个元素加“οnclick="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>