跨浏览器的事件处理、事件对象

ie8及以下版本

事件绑定和解绑，事件对象的下列↓↓属性和现代浏览器有所不同，所以为了兼容所有浏览器，可以写一个通用的对象来进行操作：

event.returnValue=false等同于现代浏览器中的event.preventDefault()、

event.cancelBubble=true等同于现代浏览器中的event.stopPropagation()

event.srcElement等同于现代浏览器中的event.target

可以跨浏览器进行事件的操作：

var eventHandler={addEvent:function(ele,eType,fn){if(ele.addEventListener){ele.addEventListener(eType,fn);}else if(ele.attachEvent){ele.attachEvent('on'+eType,fn);}else{ele['on'+eType]=fn;}},removeEvent:function(ele,eType,fn){if (ele.removeEventListener){ele.removeEventListener(eType,fn);}else if(ele.detachEvent){ele.detachEvent('on'+eType,fn);}else{ele['on'+eType]=null;}},getTarget:function(event){return event.target || event.srcElement;},stopPropagation:function(event){if(event.stopPropagation){event.stopPropagation();}else{event.cancelBubble=true;}},preventDefault:function(event){if(event.preventDefault){event.preventDefault();}else{event.returnValue=false;}}}