事件对象
event || window.event 用于IE
事件源对象:
event.target 火狐独有的
event.srcElement Ie独有的 这俩chrome都有
兼任性写法:
dom.onlick = function(e){
var event = e || window.event;//事件对象
var target = event.target || event.srcElement;//事件源对象
}
事件委托
利用事件冒泡和事件源对象进行处理 ,有以下优点:
1. 性能,不需要循环所有的元素一个个绑定事件
2. 灵活,当有新的子元素时不需要重新绑定事件
事件委托案例:
比如给出个ul,里面有很多li,并且li的数量肯很大,也可能数量在变,写个函数实现点哪一个li输出哪一个li的内容
ul.onclick = function(e){
var event = e || window.event;
var target = event.target || event.srcElement;
console.log(target.innerText);
}
事件委托应用例子:
扫雷,每一个小方块都有被点击时间,既然每一个方块的事件都是一样的,那就把点击事件委托到小方块的父级。