<!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. 弹出PopupWindow背景变暗的实现

    弹出PopuoWindow后 代码里设置的是PopupWindow默认获取焦点 所以PopupWindow显示的时候其它控件点击是没有反应的 用到的方法是 pwMyPopWindow.setFocus ...

  2. SSH异常“Failed to start OpenSSH Server daemon”

    [root@bogon yum]# systemctl status sshd.service● sshd.service - OpenSSH server daemon   Loaded: load ...

  3. eclipse 安装python后pydev不出现

    一.环境 windows 7 64bit eclipse 4.5.2 pydev jdk7u55 二.安装步骤 1. 安装JDK eclipse依赖于java环境,所以需要安装java运行环境JRE. ...

  4. springboot报错Unable to start EmbeddedWebApplicationContext due to missing EmbeddedServletContainerFactory bean

    springboot项目在启动时需要把servlet容器编译进去,这时候如果你的maven依赖里面没有配置jetty或者tomcat相关依赖就会报错. 解决方法: jetty添加 <depend ...

  5. （转）jquery.cookie中的操作

      jquery.cookie中的操作: jquery.cookie.js是一个基于jquery的插件,点击下载! 创建一个会话cookie: $.cookie(‘cookieName’,'cooki ...

  6. url中含有%

    Server.UrlEncode(“参数”)也可以使用javascript 的编码方式href="页面?name=encodeURI("参数")传送页代码编码 接收页代码 ...

  7. HTML JavaScript语法练习

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. Pandas基本介绍

    1.pandas主要的两个数据结构:Series和DataFrame Series的字符串表现形式为:索引在左边,值在右边.由于我们没有为数据指定索引.于是会自动创建一个0到N-1(N为长度)的整数型 ...

  9. JVM 体系结构概述 （一）

    一.jvm运行在操作系统之上的,它与硬件没有直接交互: 二.JVM体系结构概览 JVM的基本结构:类加载器.执行引擎.运行时数据区.本地方法接口: 过程:class文件 ----> 类加载器 - ...

  10. Python.Flask.0

    Resource List of Flask 1. 吐槽 Python Web 框架 Flask https://blog.tonyseek.com/post/discuss-about-flask- ...