事件对象有两个比较重要的属性:事件类型、目标元素;
—事件类型有onclick、onmouseover等;
—目标元素就是dom节点,指的是谁触发的事件。
1)获取事件类型:event.type
2)获取目标元素:
—非IE下:event.target;
—IE下:event.srcElement;
3)阻止默认行为:
—非IE下:event.preventDefault();
—IE下:event.returnValue=false;
4)阻止事件冒泡:
—非IE下:event.stopPropagation();
—IE下:event.cancelBubble=true;
5)跨浏览器兼容代码:
var eventUtil={
//获取事件对象
getEvent:function(event){
return event?event:window.event;
},
//获取事件类型
getType:function(event){
return event.type;
},
//获取执行事件的目标元素
getTarget:function(event){
return event.target||event.srcElement;
},
//禁用默认行为
preventDefault:function(event){
if(event.preventDefault){
event.preventDefault();//非IE
}else{
event.returnValue=false;//针对IE
}
},
//阻止传播冒泡
stopPropagation:function(event){
if(event.stopPrapagation){
event.stopPropagation();//非IE
}else{
event.cancelBubble = true;//针对IE
}
}