三、事件兼容方法
var EventUtil = {
//事件监听
addHandler: function(element, type, handler){
if (element.addEventListener){
element.addEventListener(type, handler, false);
} else if (element.attachEvent){
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
//移除监听
removeHandler: function(element, type, handler){
if (element.removeEventListener){
element.removeEventListener(type, handler, false);
} else if (element.detachEvent){
element.detachEvent("on" + type, handler);
} else {
element["on" + type] = null;
}
},
//获取事件
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;
}
}
};
四、自定义事件
var myEvent = new CustomEvent('myevent', {
detail: {
name: 'firstEvent'
},
bubble: true,
canclebubble: false
});
window.addEventListener('myevent', function(event){
console.log(event.detail.name);
});
window.dispatchEvent(myEvent);
