码迷,mamicode.com
首页 > Web开发 > 详细

js绑定事件方法:addEventListener的兼容问题

时间:2018-08-22 16:57:07      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:fun   判断   this   兼容   tar   class   span   nts   chrome   

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 });

 

js绑定事件方法:addEventListener的兼容问题

标签:fun   判断   this   兼容   tar   class   span   nts   chrome   

原文地址:https://www.cnblogs.com/nxl0908/p/9517884.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!