<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>attachevent、addEventListener绑定事件</title>

     </head>

     <body>

         <script>

             window.onload = function(){

                 var oBtn = document.getElementById('btn1');

                 //一下事件会产生冲突，最终只弹出b

 //                oBtn.onclick = function(){

 //                    alert('a');

 //                }

 //                oBtn.onclick = function(){

 //                    alert('b');

 //                }

                 //用attachEvent方法绑定事件

 //                oBtn.attachEvent('onclick',function(){

 //                    alert('a');

 //                });

 //                oBtn.attachEvent('onclick',function(){

 //                    alert('b');

 //                });

 //

 //                //用addEventListener方法绑定事件

 //                oBtn.addEventListener('click',function(){

 //                    alert('a');

 //                },false);

 //                oBtn.addEventListener('click',function(){

 //                    alert('b');

 //                },false);

                 //兼容性写法

 //                if(oBtn.attachEvent){

 //                    oBtn.attachEvent('onclick',function(){

 //                        alert('a');

 //                    });

 //                    oBtn.attachEvent('onclick',function(){

 //                        alert('b');

 //                    });

 //                }else{

 //                    oBtn.addEventListener('click',function(){

 //                        alert('a');

 //                    },false);

 //                    oBtn.addEventListener('click',function(){

 //                        alert('b');

 //                    },false);

 //                }

                 //封装成方法

                 function myAddEvent(obj,ev,fn){

                     if(obj.attachEvent){

                         obj.attachEvent('on' + ev,fn);

                     }else{

                         obj.addEventListener(ev,fn,false);

                     }

                 }

                 myAddEvent(oBtn,'click',function(){

                     alert('a');

                 });

                 myAddEvent(oBtn,'click',function(){

                     alert('b');

                 });

             }

         </script>

         <input type="button" value="按钮" id="btn1" />

     </body>

 </html>

attachEvent方法绑定事件的更多相关文章

  1. mui-当使用addeleventlisener（）方法绑定事件时选择器无法绑定事件

    在mui中绑定事件不能用jQuery或mui(“#XX”)的形式选取某个元素,而是document.getelementbyid()的形式 mui(“#XX”)可以使用on方法绑定事件

  2. 第一话：IE中用DOM方法绑定事件

    工作比较忙,但是也一定要抽时间出来提升一下自己的基本功,只有技术实力到位,才能为公司和个人创造更多的价值.下面进入主题: IE中事件监听比较容易用到,但是由它所引出的一个关于this的问题,不得不着重 ...

  3. jQuery之方法绑定(事件注册)代码小结

    1.最直接的模式,直接将一个function对象传入方法函数,如下面的click(),好处坏处一看便知 $("#btnComfirmChooseCompany").click(fu ...

  4. jQuery clone()方法绑定事件

    先看如下代码: (function ($) { var div = $("<div></div>").css({width: "100px&quo ...

  5. Jquery on方法绑定事件后执行多次

    每次绑定前先取消上次的绑定. $('#sub').unbind('click').click(function () { ... });

  6. JavaScript绑定事件的方法[3种]

    在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 一. 在DOM元素中直接绑定 这里的DOM元素,可以理解为HT ...

  7. javascript绑定事件addEventListener与attachEvent

    1.eleObj.addEventListener(eventName,handle,useCapture); eleObj:DOM元素: eventName:事件名称.注意,这里的事件名称没有“ o ...

  8. JavaScript中，有三种常用的绑定事件的方法

    要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的 ...

  9. jquery使用on()方法绑定的事件被执行多次的问题

    jQuery用on()方法绑定了事件之后,在代码执行过程中,可能会遇到事件被多次执行的情况. 本来以为是事件冒泡的问题,后来发现是on()方法的特性引起的问题. 简单还原一下问题的场景 这里简单还原一 ...

随机推荐

  1. 定时器NSTimer

    /** 添加定时器 */@property (nonatomic, strong) NSTimer *timer; - (void)addTimer{ // 2秒后,自己 调用nextImage方法 ...

  2. nginx与php-fpm原理

    一．正向代理与反向代理 1.正向代理:访问google.com google.com   vpn需要FQ才能访问 vpn 对于我们来说是可以感知到的(我们连接vpn),但对于google服务器是不知道 ...

  3. 解决织梦替换ueditor编辑器后栏目与单页无法保存内容

    织梦的默认编辑器是ckeditor,没有插入代码的功能,不够强大,就换成了百度的UEditor编辑器. 使用织梦DedeCMS百度整合UEditor编辑器时,碰到了栏目内容或者单页无法保存的问题,这个 ...

  4. OpenGL3D图形、旋转、纹理、键盘移动、光照、滤波、透明（完整） 转自http://www.cnblogs.com/tiandsp/archive/2012/01/23/2329049.html

    #include <windows.h> // Windows的头文件 #include <stdio.h> #include <gl\gl.h> // OpenG ...

  5. c++文件的输入输出

    emmm,错误地方还请指出(以下代码复制粘贴会报错,我用codeblocks测试过,不知道为什么qaq) 头文件#include < fstream > 这里ofstream是" ...

  6. BZOJ 3932 [CQOI2015]任务查询系统 - 差分 + 主席树

    Solution 差分就好了, 在$s_i$ 的点+1, $e_i + 1$ 的点 - 1. 查询的时候注意$l == r$ 要返回 $k * b[l]$ ,而不是$sum[node] $因为当前位置 ...

  7. js生成简单二维码

    js文件下载地址:https://download.csdn.net/download/weixin_38296752/10554485 一.引入qrcode.js文件 <script type ...

  8. is not allowed to connect to this MySQL server解决办法

    GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%' IDENTIFIED BY 'mypassword' WITH GRANT OPTION; myuser:代表你 ...

  9. rowspan和colspan的区别粗解

    rowspan和colspan是我们初学HTML表格中会在做一些特殊表格中遇到.其常在td中添加. rowspan的作用是指定纵向所跨越单元格的行数. 如下效果. colspan的作用是指定单元格横向 ...

  10. 【转】四、可空类型Nullable<T>到底是什么鬼

    [转]四.可空类型Nullable<T>到底是什么鬼 值类型为什么不可以为空 首先我们都知道引用类型默认值都是null,而值类型的默认值都有非null. 为什么引用类型可以为空?因为引用类 ...