事件对象
<body>
<div style="width: 300px;height: 300px;background: red;">
</div>
<script type="text/javascript">
var div = document.getElementsByTagName('div')[0];
div.onclick = function (e) {
//处理函数中的形参会被系统传参事件对象
console.log(e);
}
</script>
</body>
当 点击 div 的时候，会输出事件对象，IE9以下不兼容会输出undefined
IE9以下的事件对象为 window.event
兼容写法
div.onclick = function (e) {
var even = e || window.event;
console.log(even);
}
事件源对象
查看事件源对象
事件对象.target 火狐只有这个
事件对象.srcElement IE只有这个
谷歌这两个都有
扫描二维码关注公众号，回复：
189410 查看本文章
低版本兼容写法：
div.onclick = function (e) {
var even = e || window.event;
var target = event.target || event.srcElement;
}
事件委托
利用事件冒泡和事件源对象进行处理
优点：
1.不需要使用循环一个一个绑定事件
2.当有新元素时不需要再次进行绑定