<!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. UI移动设备屏幕知识

    今天同学给我了一个设计UI的软件,其实我是一头雾水的,有点孤陋寡闻了,设计UI还有这样的软件.百度了下,看见这篇文章还是很有收获的,原来UI还是一门如此高深的学问.把这篇文章和大家一起分享吧,希望你们 ...

  2. 制作根文件系统之内核如何启动init进程

    start_kernel其实也是内核的一个进程,它占用了进程号0,start_kernel的内容简写如下: asmlinkage void __init start_kernel(void) //内核 ...

  3. 团队合作之项目NABCD

    小组组长 :毛松林 组员  :张浩,谢诗语 N 我们小组要开发的项目是“高校自习室查询APP”,作为一个大学生,自学是一件很重要的能力,大学的老师不可能还像高中的老师那样整天逼着你学习,爱学不学,不学 ...

  4. centos7更换镜像源

    更换软件源 由于国外的软件源在yum 安装时比较慢,更换为国内的源,以阿里的源的更换方式 下载wgetyum install wget -y echo 备份当前的yum源mv /etc/yum.rep ...

  5. XHR的对象及用法

    function  createXHR(){         //检测原生XHR对象是否存在,如果存在刚返回它的新实例:     //如果不存在,则检测ActiveX对象;     //如果两个都不存 ...

  6. PAT 1085 PAT单位排行（25）（映射、集合训练）

    1085 PAT单位排行(25 分) 每次 PAT 考试结束后,考试中心都会发布一个考生单位排行榜.本题就请你实现这个功能. 输入格式: 输入第一行给出一个正整数 N(≤10​5​​),即考生人数.随 ...

  7. 使用Visual VM 查看linux中tomcat运行时JVM内存

    前言:在生产环境中经常发生服务器内存溢出,假死或者线程死锁等异常,导致服务不可用.我们经常使用的解决方法是通过分析错误日记,然后去寻找代码到底哪里出现了问题,这样的方式也许会奏效,但是排查起来耗费时间 ...

  8. nginx 的 负载均衡

    一.正向代理和反向代理 1.正向代理 正向代理类似一个跳板机,代理访问外部资源. 正向代理是客户端和目标服务器之间的代理服务器(中间服务器).为了从指定的服务器取得内容,客户端向代理服务器发送一个请求 ...

  9. 错误：在非结构或联合中请求成员‘next’

    #include <stdio.h> #include <stdlib.h> #define ElemType int #define Status int #define O ...

  10. POJ3694 Network - Tarjan + 并查集

    Description 给定$N$个点和 $M$条边的无向联通图, 有$Q$ 次操作, 连接两个点的边, 问每次操作后的图中有几个桥 Solution 首先Tarjan找出边双联通分量, 每个双联通分 ...