想要兼容IE678，少用原型，因为它们没有完全实现ECMA-262规范

 (function(window){

     //兼容IE678时少用原型，因为它没有完全遵循ECMA-262规范

     //衬垫代码：isArray方法的兼容方案

     if (!Array.isArray) {

       Array.isArray = function(arg) {

         return Object.prototype.toString.call(arg) === '[object Array]';

       };

     }

     //衬垫代码：every数组过滤方法的兼容方案

     if (!Array.prototype.every){

       Array.prototype.every = function(fun /*, thisArg */)

       {

         'use strict';

         if (this === void 0 || this === null)

           throw new TypeError();

         var t = Object(this);

         var len = t.length >>> 0;

         if (typeof fun !== 'function')

             throw new TypeError();

         var thisArg = arguments.length >= 2 ? arguments[1] : void 0;

         for (var i = 0; i < len; i++)

         {

           if (i in t && !fun.call(thisArg, t[i], i, t))

             return false;

         }

         return true;

       };

     }

     var bear = {

         //该函数是一个全兼容的事件绑定函数，但只能处理一个事件回调函数

         addListener: function(node,name,fn){

             if(node.addEventListener){

                 node.addEventListener(name,fn);

             }else{

                 node.attachEvent("on"+name,function(){

                     fn.call(node);

                 })

             }

         },

         //该函数是一个全兼容的事件绑定函数，能处理一个回调数组

         addMoreListener: function(node,name,arr){

             if(typeof arr === "function"){

                 bear.addListener(node,name,arr);

             }else if(Array.isArray(arr)&&arr.length){

                 if(node.addEventListener){

                 }else if(node.attachEvent){

                     arr = arr.reverse();

                 }

                 var flag = arr.every(function(item){

                     return typeof item === "function";

                 })

                 if(flag){

                     for(var i=0;i<arr.length;i++){

                         bear.addListener(node,name,arr[i]);

                     }

                 }else{

                     throw new Error("数组内元素类型有误");

                 }

             }else{

                 throw new Error("第三参数类型有误或为空数组");

             }

         }

     }

     window.bear = bear;

 })(window)

测试代码

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <style>

             *{

                 margin: 0;

                 padding: 0;

             }

             #app{

                 width: 100px;

                 height: 100px;

                 background: #F4A460;

                 position: absolute;

                 left: 0;

                 right: 0;

                 bottom: 0;

                 top: 0;

                 margin: auto;

                 font: 20px/100px helvetica;

                 text-align: center;

             }

         </style>

         <script src="./js/bear-extend-event2.js"></script>

         <script>

             window.onload = function(){                

                 var appNode = document.getElementById("app");

                 var arr = [function(){console.log(1);},function(){console.log(2);}]

                 //debugger

                 bear.addMoreListener(appNode,"click",arr);

             }

         </script>

     </head>

     <body>

         <div id="app">app</div>

     </body>

 </html>

IE兼容事件绑定V1.0的更多相关文章

  1. ie低版本内核事件兼容问题（事件绑定，绑定事件自动执行，文档模式问题）

    问题情况 搜狗等,兼容模式下,以前前端写的点击事件的代码没有, 后来一看是因为兼容模式为9,导致点击事件失效 解决办法,步骤 1,处理绑定事件兼容问题 ie低版本绑定事件只支持attactevent, ...

  2. 兼容IE9以下和非IE浏览器的原生js事件绑定函数

    事件绑定函数的demo如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "htt ...

  3. 兼容8事件绑定与解绑addEventListener、removeEventListener和ie的attachEvent、detachEvent

    兼容8事件绑定与解绑addEventListener.removeEventListener和ie的attachEvent.detachEvent   ;(function(){ // 事件绑定 bi ...

  4. jQuery 2.0.3 源码分析 事件绑定 - bind/live/delegate/on

    事件(Event)是JavaScript应用跳动的心脏,通过使用JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应 事件的基础就不重复讲解了,本来是定位源码分析 ...

  5. JS中的事件绑定，事件捕获，事件冒泡以及事件委托，兼容IE

    转载请注明出处:http://www.cnblogs.com/zhangmingze/p/4864367.html   ● 事件分为三个阶段:   事件捕获 -->  事件目标 -->   ...

  6. 事件绑定，事件捕获，事件冒泡以及事件委托，兼容IE

    ● 事件分为三个阶段:   事件捕获 -->  事件目标 -->  事件冒泡 ● 事件捕获:事件发生时(onclick,onmouseover……)首先发生在document上,然后依次传 ...

  7. JS+Zero Clipboard swf复制到剪贴板 兼容浏览器(bind事件绑定函数)

    转自http://www.ipmtea.net/css_ie_firefox/201107/07_499.html 1.ZeroClipboard其实是国外的一个js类库,源码结构如: var Zer ...

  8. Omi v1.0震撼发布 - 令人窒息的Web组件化框架

    原文链接--https://github.com/AlloyTeam/omi 写在前面 Omi框架经过几十个版本的迭代,越来越简便易用和强大. 经过周末的连续通宵加班加点,Omi v1.0版本终于问世 ...

  9. Omi v1.0震撼发布 - 开放现代的Web组件化框架

    原文链接--https://github.com/AlloyTeam/omi 写在前面 Omi框架经过几十个版本的迭代,越来越简便易用和强大. 经过周末的连续通宵加班加点,Omi v1.0版本终于问世 ...

随机推荐

  1. sh -c

    在Linux使用 echo 并配合命令重定向是实现向文件中写入信息的快捷方式. 比如要向 test.asc 文件中随便写入点内容,可以: $ echo "信息" > test ...

  2. CMakeList.txt设置OpenCv路径

    源文件imageBasics.cpp #include <iostream> #include <chrono> using namespace std; #include & ...

  3. CentOS7使用yum安装MySQL8.0

    1.yum仓库下载MySQL:sudo yum localinstall https://repo.mysql.com//mysql80-community-release-el7-1.noarch. ...

  4. Lua中ipairs和pairs的区别详解

    迭代器for遍历table时,ipairs和pairs的区别: 区别一:ipairs遇到nil会停止,pairs会输出nil值然后继续下去 区别二: , b = , x = , y = , " ...

  5. js打开新窗口，打开新窗口屏蔽工具栏和地址栏，窗口按规定大小显示

    opener=null; window.open ("http://baidu.com", "newwindow", "height=500, wid ...

  6. opencv debug版本在linux下编译，并写了一个DEMO

    用如下方法编译opencv: git clone "https://github.com/opencv/opencv.git" mkdir opencv_debug cd open ...

  7. 蓝书例题之UVa 10253 Series-Parallel Networks

    挺有趣的一道题 首先转化模型,思路参考蓝书,可得出等同于求共n个叶子,且每个非叶结点至少有两个子结点的无标号树的个数的二倍,设个数为\(f[n]\) 考虑怎么求\(f[n]\),假设有一个\(n\)的 ...

  8. B树和B+树的插入、删除图文详解（good）

    B树和B+树的插入.删除图文详解 1. B树 1. B树的定义 B树也称B-树,它是一颗多路平衡查找树.我们描述一颗B树时需要指定它的阶数,阶数表示了一个结点最多有多少个孩子结点,一般用字母m表示阶数 ...

  9. Gradle里面两个 依赖管理插件，可以不用关心 具体jar版本号

    引用:https://spring.io/blog/2015/02/23/better-dependency-management-for-gradle Using the plugin with S ...

  10. npm install 时出现的 EACCES: permission denied 错误的可能有效的解决方案

    最近我开始接触手机 app 的编写,公司用到了 Nativescript.当我下载了公司的项目后,在配置时出现了不少的问题,其中出现概率最高的就是 EACCES: permission denied ...