javascript兼容各种浏览器的事件
调用事件:
对象什么是事件对象?在dom上触发一个事件总是会产生一个事件对象事件。比如鼠标点击时,会生成点击的类型,用该元素发送的dom事件对象类型属性获取事件对象,用目标属性获取事件目标。stopPropagation()方法防止事件冒泡。preventDefault防止事件的默认行为。IE中的事件对象类型属性用于获取事件对象,srcElement属性用于获取事件目标。cancelBubble属性用于防止事件冒泡。如果设置为true,则表示防止false,表示不防止returnValue属性阻止事件。
复制的代码如下://兼容各浏览器的跨浏览器事件处理-统一打包。var event Handle={//Element : Element,type: Click event,Handle:implemented method//add Handle addevent Handle : function(Element,type,handler) {if (element。add event listener){元素。addeventlistener(类型,处理程序,false);//-false//代表气泡dom2级别} else if(元素。attach event){元素。attachevent ('on '类型,处理程序);} else { element[' on ' type]=handler;}}.//删除句柄的事件处理不起作用。removeeventhandle:函数(元素、类型、处理程序){if(元素。removeeventlistener){//支持dom2级别的事件处理类型是onclickelement。removeeventlistener(类型,处理程序,false);//-false//代表冒泡} else if(元素。分离事件){元素。分离事件(“on”类型,处理程序);//支持IE } else {元素[' on ' type]=null;//dom0级事件处理传统的click事件}}。//获取浏览器所有与事件对象兼容的对象getEvent3360函数(事件){Return event?事件: window.event//IE浏览器低版本需要的是window.event}。//获取事件类型是点击还是鼠标移动。GetType:函数(事件){ returnevent.type},//获取当前元素getelement : function(event){ return event . target | | event . srcelement;},//阻止事件的默认行为是:function (event) {if (event。preventdefault) {event。prevent default();} else { event.returnValue=false}},//防止事件冒泡停止传播:函数(事件){if(事件。停止传播){event。停止传播();} else { event.cancelBubble=true} }}
版权声明:javascript兼容各种浏览器的事件是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。