addEvent(oDiv,"click",function(event){
console.log(event.bubbles+"事件是否冒泡");
console.log(event.cancelable +"是否可以取消默认行为")
console.log(event.defaultPrevented+"DOM3新增，是否已经调用了preventDefault()");
console.log(event.target);//+"当前发生事件的对象"@ IE中为 event.srcElement
console.log(event.currentTarget)//+"绑定的事件对象"
console.log(event.detail)//与事件相关的细节信息（不知道有什么用。。）
console.log(event.type);//发生了什么事件
console.log(event.eventPhase);//用于判断事件是否是冒泡进来的：返回1：表示捕获阶段；2表示处于目标；3表示冒泡进来的
event.preventDefault();//阻止默认事件@ IE8及以下 中函 直接在函数中return false
event.stopPropagation();//阻止冒泡@ IE8及以下 中 event.cancelBubble=true;
console.log(eventFn.getTarget(event));
});
function addEvent(obj,ev,fn){
if(obj.attachEvent)
{
obj.attachEvent("on"+ev,fn);
}
else
{
obj.addEventListener(ev,fn,false);
}
}
event.srcElement是IE下的属性
event.target是Firefox下的属性
Chrome浏览器同时有这两个属性
-------------------------------------------------------
兼容的event对象 冒泡 阻止默认事件。。
用法
eventFn.getTarget(event)
var eventFn = {
getEvent:function(event){
return event?event:window.event;
},
getTarget:function(event){
return event.target||event.srcElement;
},
preventDefault:function(event){
//阻止默认事件
if(event.preventDefault())
{
event.preventDefault();
}
else
{
event.returnValue = false;
}
},
stopPropagation:function(event){
//阻止冒泡
if(event.stopPropagation())
{
event.stopPropagation();
}
else
{
event.cancelBubble = true;
}
}
}
