想要兼容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. LinkedHashMap基本原理和用法&使用实现简单缓存（转）

    一. 基本用法LinkedHashMap是HashMap的子类,但是内部还有一个双向链表维护键值对的顺序,每个键值对既位于哈希表中,也位于双向链表中.LinkedHashMap支持两种顺序插入顺序 . ...

  2. Sass 笔记

    Sass 笔记 1. 安装,依赖Ruby sass依赖Ruby, 所以Windows要先安装Ruby, Mac自带无需安装 $ gem install sass 2. 两种文件格式 sass scss ...

  3. iOS presentViewController 方法引起的问题

    有个需求,在项目中随时使用 presentViewController来显示一个界面,比如弹窗提示或者人脸解锁,都是在任何情况都可能出现的. 在presentViewController 调用前,已经 ...

  4. 【长期更新】迈向现代化的 .Net 配置指北

    1. 欢呼 .NET Standard 时代 我现在已不大提 .Net Core,对于我来说,未来的开发将是基于 .NET Standard,不仅仅是 面向未来 ,也是 面向过去:不只是 .Net C ...

  5. Web开发基础-Node.js-01

    01-浏览器工作原理 1)人机交互部分(ui) 2)网络请求部分(socket) 3)javascript引擎 4)渲染引擎(解析html,css) 5)数据存储部分(cookie,本地存储等) -- ...

  6. Mysql 密码过期

      1. Cd D:\xampps\mysql\bin 输入命令:mysql -u root -p,回车即可进入mysql命令行界面. mysql->show database; mysql-& ...

  7. HF-01

    胡凡 本书在第2章对C语言的语法进行了详细的入门讲解,并在其中融入了部分C+的特性. 第3-5章是 入门部分. 第3章 初步训练读者最基本的编写代码能力: 第4章对 常用介绍,内容重要: 第5章是   ...

  8. Intel格式与Motorola格式的区别

      Intel低字节在前 Motorola高字节在前    在进行CAN总线通信设计或者测试过程中,经常看到CAN总线信号的编码格式有两种定义:Intel格式与Motorola格式.究竟两种编码格式有 ...

  9. springMVC统一异常处理

    Spring MVC处理异常有3种方式: 使用Spring MVC提供的简单异常处理器SimpleMappingExceptionResolver: 实现Spring的异常处理接口HandlerExc ...

  10. App测试全（转自鲁德）

    1.App测试流程 1.1流程图 1.2测试周期 测试周期可按项目的开发周期来确定测试时间,一般测试时间为两三周(即15个工作日),根据项目情况以及版本质量可适当缩短或延长测试时间. 1.3测试资源 ...