事件对象和事件源对象

事件对象



当 点击 div 的时候,会输出事件对象,IE9以下不兼容会输出undefined

IE9以下的事件对象为 window.event

兼容写法

div.onclick = function (e) {
	
	var even = e || window.event;
		
	console.log(even);
	
}


事件源对象

查看事件源对象

事件对象.target 火狐只有这个

事件对象.srcElement  IE只有这个

谷歌这两个都有

低版本兼容写法:

div.onclick = function (e) {
	
var even = e || window.event;
		
var target = event.target || event.srcElement;	

}


事件委托

利用事件冒泡和事件源对象进行处理

优点:

1.不需要使用循环一个一个绑定事件

2.当有新元素时不需要再次进行绑定


你可能感兴趣的:(Javascript)