想要兼容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. this.$router.push、replace、go的区别

    1.this.$router.push() 描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面. 用法: 2.this.$router.replace() ...

  2. 题解 P2763 【试题库问题】

    这题可以用网络流,但我用的是匈牙利算法 进入正题 设第个类型需要个.将每个类型拆成个点,用一个边集数组记录它拆成的点. 第个试题有个类型,分别将与拆成的点连边,这样便构成了一个二分图. 使用匈牙利算法 ...

  3. socket传输数据循环多次的性能要好于一次

    今天做了一个测试,测试使用python的socket传输一个588k的数据,当传输过程执行一次时,执行时间为2ms左右.我觉着执行一次的时间并不能说明问题,于是就写了一个循环,循环执行1000次,然后 ...

  4. Add AI feature to Xamarin.Forms app

    Now, AI is one of important technologies.Almost all platforms have API sets of AI. Following list is ...

  5. THUWC2019 游记

    DAY1 开场先看 t1,发现答案的分子就是 \(\sum_i\) 颜色 \(i\) 在 A 中的出现次数乘上颜色 \(i\) 在 B 中的出现次数,分母就是 B 的长度,就去写了一个按颜色的出现次数 ...

  6. 【XSY3344】连续段 DP 牛顿迭代 NTT

    题目大意 对于一个长度为 \(n\) 的排列 \(p\),我们称一个区间 \([l,r]\) 是连续的当且仅当 \((\max_{l\leq i\leq r}a_i)-(\min_{l\leq i\l ...

  7. python学习日记（初识递归与算法）

    递归函数 定义 递归的定义——在一个函数里再调用这个函数本身 递归的最大深度——997,即栈溢出. 使用递归函数需要注意防止栈溢出.在计算机中,函数调用是通过栈(stack)这种数据结构实现的,每当进 ...

  8. 阿里百川SDK初始化失败 错误码是203

    由idea换到Androidstudio 了,结果报这个错,之前好好的啊!!! 设置问题:

  9. 关于snmp octet string和普通string问题

    我是获取的Octet String用String输出,输出的是一连串的2个16进制数 空格.:然后想对输出结果操作,得到我想要的值. 解决方案:private static string exchan ...

  10. [Reinforcement Learning] Cross-entropy Method

    Cross-entropy Method(简称CEM)虽然是一种基于交叉熵的算法,但并不是我们熟知的监督学习中的交叉熵方法,与其说它是一种基于交叉熵的算法,倒不如说是一种基于蒙特卡洛和进化策略的算法. ...