博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js绑定事件方法:addEventListener的兼容问题
阅读量:5279 次
发布时间:2019-06-14

本文共 960 字,大约阅读时间需要 3 分钟。

js的事件绑定方法中,ie只支持attachEvent,而FF和Chrome只支持addEventListener;严格来说:addEventListener只有IE9以上版本的IE浏览器上能够兼容,IE8或者更低的版本是不支持,这时要想能够兼容IE低版本浏览器就需要判断当前浏览器然后针对不同浏览器决定用哪一个。

  attachEvent和addEventLitener的不同之处是第二个参数事件名要多加个“on”,比如‘onclick’,而且他的this 指向的是window,在使用的时候需要改变this指向。下面就是一个兼容的写法:

1 var Event = {}; 2 Event.addEvents = function(target,eventType,handle){ 3         if(document.addEventListener){ 4                Event.addEvents = function(target,eventType,handle){ 5                       target.addEventListener(eventTypt,handle,false); 6         }; 7     }else { 8         Event.addEvents = function(target,eventType,handle){ 9             target.attachEvent('on'+eventType,function(){10                 handle.call(target,arguments);11             });12         };13     14     }15     Event.addEvents(target,eventType,handle);16 17     }

调用方法:

1 Event.addEvents(document,"click",function(){2         alert(ok)3 });

 

转载于:https://www.cnblogs.com/nxl0908/p/9517884.html

你可能感兴趣的文章
51Nod1353 树
查看>>
CF1215E Marbles
查看>>
BZOJ2339 HNOI2011卡农(动态规划+组合数学)
查看>>
octave基本操作
查看>>
axure学习点
查看>>
WPF文本框只允许输入数字[转]
查看>>
dom4j 通用解析器,解析成List<Map<String,Object>>
查看>>
第一个项目--用bootstrap实现美工设计的首页
查看>>
使用XML传递数据
查看>>
TYVJ.1864.[Poetize I]守卫者的挑战(概率DP)
查看>>
0925 韩顺平java视频
查看>>
iOS-程序启动原理和UIApplication
查看>>
mysql 8.0 zip包安装
查看>>
awk 统计
查看>>
模板设计模式的应用
查看>>
实训第五天
查看>>
平台维护流程
查看>>
2012暑期川西旅游之总结
查看>>
12010 解密QQ号(队列)
查看>>
2014年辛星完全解读Javascript第一节
查看>>