addEventListener兼容ie低版本

之前一直使用addEventListener来绑定事件，后来发现这个方法在ie低版本不支持，
ie低版本支持的是attachEvent，他和addEventListener的不同之处是第二个参数事件名要多加个“on”，比如“onclick”，而且他的this指向的是window，在使用的时候需要改变this指向，下面是一个兼容的写法

var Event = {};
Event.addEvents = function(target,eventType,handle){if(document.addEventListener){Event.addEvents = function(target,eventType,handle){target.addEventListener(eventType,handle,false);};}else{Event.addEvents = function(target,eventType,handle){target.attachEvent('on'+eventType,function(){handle.call(target,arguments);});};};Event.addEvents(target,eventType,handle);
};

调用方法：

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

addEventListener兼容ie低版本相关推荐

AngularJS开发指南7：AngularJS本地化，国际化，以及兼容IE低版本浏览器
AngularJS本地化,国际化国际化,简写为i18n,指的是使产品快速适应不同语言和文化. 本地化,简称l10n,是指使产品在特定文化和语言市场中可用. 对开发者来说,国际化一个应用意味着将所有的 ...
兼容IE低版本的文件上传解决方案
兼容IE低版本的文件上传解决方案参考文章: (1)兼容IE低版本的文件上传解决方案 (2)https://www.cnblogs.com/zhou195/p/9253895.html 备忘一下.
position:fixed 兼容浏览器低版本
项目中遇到的坑,写篇博客做个笔记纪念下,position: fixed一般来说都兼容各个浏览器,但是要兼容浏览低版本问题,就得用-webkit-transform: translateZ(0);这段代 ...
html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办？
jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...
从 ie10浏览器下Symbol 未定义的问题探索vue项目如何兼容ie低版本浏览器（ie9, ie10, ie 11 ）
1. 问题: vue项目在ie11下一片空白并报Symbol 未定义的错原因: ie10浏览器解析不了es6的语法,需要我们使用babel(Babel是一种工具链,主要用于将EC ...
h5 的replaceState 兼容到低版本IE浏览器
首先感谢大佬:https://github.com/devote/HTML5-History-API 从 GitHub上下载下来 history.js ,或者压缩版本的min.js ,建议压缩版本, ...
input文本框设置移除默认内容(兼容IE低版本)
这里实现的目标是:设置和移除文本框的默认值,鼠标放上去,文字消失 HTML代码如下: JS实现方式如下: <input type="text" class="sea ...
CSS3中的border-radius兼容IE低版本解决方法
ie-css3.htc 先说道说道这斯是弄啥嘞 ie-css3.htc是一个可以让IE浏览器支持部份CSS3属性的htc文件,不只是box-shadow,它还可以让你的IE浏览器支持圆角属性borde ...
HTML播放视频(兼容IE低版本)
默认使用html5播放mp4视频文件,当不支持html5播放时则使用flash插件播放swf视频文件. 使用 object 和 embed 标签加载 Flash 插件. flash视频播放的控制(如播 ...

addEventListener兼容ie低版本

addEventListener兼容ie低版本相关推荐

最新文章

热门文章