//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做
//定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理
var eventUtil ={
addEvent:function(element,type,handler){
if (element.addEventListener) {
//非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,false代表事件采用冒泡处理模型,如果是true代表 采用捕获型处理模型
//除了netbeans采用捕获型处理模型,其他都采用冒泡型处理模型
//如果是非IE浏览器添加事件为:addEventListener
element.addEventListener(type,handler,false);
}else if (element.attachEvent) {
//如果为IE浏览器,添加事件采用 attachEvent
element.attachEvent('on'+type,handler);
}else{
element['on'+type] = handler;
}
},
removeEvent:function(element,type,handler){
if (element.removeEventListener) {
//非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,false代表事件采用冒泡处理模型,如果是true代表 采用捕获型处理模型
//除了netbeans采用捕获型处理模型,其他都采用冒泡型处理模型
//如果是非IE浏览器添加事件为:removeEventListener
element.removeEventListener(type,handler,false);
}else if (element.detachEvent) {
//如果为IE浏览器,添加事件采用 detachEvent
element.detachEvent('on'+type,handler);
}else{
//dom0级事件处理,如果删除事件采用赋值null
element['on'+type] = null;
}
},
getEvent:function(event){
//获取事件本身
return event?event:window.event;
},
getType:function(event){
//获取事件类型
return event.type;
},
getElement: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;
}
}
}
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“纯JavaScript实现的兼容各浏览器的添加和移除事件封装”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。