var eventUtil = {//定义一个对象addEventHandler:function(element,type,handler){//handler是触发时的操作,即function,传参数时,function不用加括号。if(element.addEventListener){//支持dom2级element.addEventListener(type,handler,false);}else if(element.attachEvent){//支持ieelement.attachEvent(‘on’+type,handler);}else{element[‘on’+type]=handler;//这里不用.的原因是因为.不能连接一个变量跟一个字符串,事实上任何.的都可以用中括号表示}},removeEventHander:function(element,type,hander){if(element.removeEventListener){//不要加括号,检测它是否有这个属性element.removeEventListener(type,hander,false);//这里才需要加括号}else if(element.detachEvent){element.detachEvent(‘on’+type,hander);}else{element[‘on’+type]=null;}}}
dom中的事件对象:event
1、type属性用于获取事件类型
2、target属性用于获取事件目标
事件冒泡:假如你触发了子元素的一个事件,浏览器会默认你也触发了此子元素的父元素的事件。
ie中的事件对象:window.event
,未经一番寒彻骨,焉得梅花扑鼻香