addEventListener和attachEvent的区别

Code

addEventListener-----Firefox

attachEvent---IE

你可能感兴趣的:(attachEvent)

  • 10.项目 1-博客前端：封装库--事件绑定[上] 好像在哪见过你丶
    学习要点：1.问题所在2.设置代码本节课，我们主要探讨一下事件绑定，在此之前我们都使用的是传统的事件绑定。这节点，我们想使用现代绑定对事件进行绑定和删除。一．问题所在现代绑定中W3C使用的是：addEventListener和removeEventListener。IE使用的是attachEvent和detachEvent。我们知道IE的这两个问题多多，并且伴随内存泄漏。所以，解决这些问题非常有必
  • JavaScript中事件委托是什么？ LuckXinXin JavaScriptjavascript
    符合W3C标准的事件绑定：addEventLisntener/attachEvent。让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行。
  • javascript设计模式-应用示例 korgs #JavaScript设计模式javascript设计模式前端开发语言ecmascript
    事件工具类/*addEvent:simplifiedeventattachment*/functionaddEvent(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false);EventCache.add(obj,type,fn);}elseif(obj.attachEvent){obj["e"+type+
  • 学习回顾No.7 小Z想打代码 学习前端javascript
    JS使用对象.事件=函数=>来绑定响应函数它只能同时为一个元素一个事件绑定一个响应函数不能绑定多个，否则后面会覆盖前面的使用addEventListener()可同时为一个元素的相同事件同时绑定多个响应函数当事件被触发时，响应函数按绑定顺序执行this是被绑定对象参数：1.事件的字符串，不要on2.回调函数3.是否在捕获阶段触发事件，需要一个布尔值，一般传falseIE8中用attachEvent
  • JS基础学习:为元素绑定多个事件 Merbng
    为同一个元素绑定多个相同的事件为元素绑定事件（DOM）有两种，但是不兼容通过对象.addEventListener("事件类型",事件处理函数,flase);谷歌火狐都支持，但是IE8不支持2.通过对象.attachEvent("有on的事件类型",事件处理函数);只有IE8支持，谷歌火狐都不支持addEventListener参数1:事件的类型---事件的名字,没有on参数2:事件处理函数(命名
  • JS事件之方法监听注册方式 远近高低各不同 javascript开发语言ecmascript
    方法监听注册方式w3c标准推荐使用addEventListener()它是一个方法IE9之前的IE不支持此方法，可使用attachEvent()代替特点：同一个元素同一个事件可以注册多个监听器按注册顺序依次执行一、addEventListener语法：eventTarget.addEvenistener(type,listener[,useCapture])eventTarget.addEvent
  • 事件 Ajax tency小七
    关于事件绑定IE低版本用attachEvent绑定事件W3C用addElementListenervarbtn1=document.getElementById('btn');btn1.addEventListener('click',function(event){console.log('click');})自己写一个函数来封装监听事件functionbindEvent(elem,action
  • 闭包和事件监听器导致内存泄漏 wangyue4 javascript前端开发语言
    functionattachEvent(element,type,handler){if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){element.attachEvent("on"+type,handler);}else{element["o
  • 事件高级 小冷哥WW
    1.事件绑定给元素添加一个事件。//div.onclick=function(){};上面这种事件的添加方式DOM0级的事件方式。这种方式每一种事件都只能添加一个。如果添加多个，那么只有后添加的会生效。本质上是覆盖。2.怎么去添加多个相同事件事件。IE:attachEvent（对象，事件）；FF,chrome:addEvenetListener(对象，事件（不加on），是否捕获)第三个参数：是否捕
  • IE和标准下的js区别 痛心凉
    ①添加事件方法addHandler：function(element,type,handler){if(element.addEventListener){//检测是否为DOM2级方法element.addEventListener(type,handler,false);}elseif(element.attachEvent){//检测是否为IE级方法element.attachEvent("o
  • iframe加载结束后执行 小小1992 前端javascript
    variframe=document.getElementById("previewFrame");if(iframe.attachEvent){iframe.attachEvent("onload",function(){//以下操作必须在iframe加载完后才可进行$("#themes").find(".selected").trigger("click");});}else{iframe.o
  • Web APIs介绍（三）——DOM事件流、BOM 挑战一天掉一根头发 js基础笔记javascript
    1.1.事件高级1.1.1.注册事件（2种方式）1.1.2事件监听addEventListener()事件监听（IE9以后支持）attacheEvent()事件监听（IE678支持）eventTarget.attachEvent()方法将指定的监听器注册到eventTarget（目标对象）上，当该对象触发指定的事件时，指定的回调函数就会被执行。传统注册事件方法监听注册事件ie9attachEven
  • 在js中定义全局变量(IE,FireFox) battlehawk JSfirefoxiefunction浏览器
    varX2={}//mynamespace:)X2.Eval=function(code){if(!!(window.attachEvent&&!window.opera)){//ieexecScript(code);}else{//notiewindow.eval(code);}}现在如果要想在函数内定义全局代码，就可以通过调用X2.Eval(code)方法，一个例子如下：vars='globa
  • Vue中使用iframe 、加载完成后回调事件 snows_l js前端开发前端javascripthtml
    template:script://vue生命周期钩子函数--更新之后updated(){if(this.$refs.iframe){//IEif(this.$refs.iframe.attachEvent){this.$refs.iframe.attachEvent('onload',()=>{//加载成功this.iLoading=false;});}else{this.$refs.ifram
  • WebAPIs——事件高级 巧克力code JavaScriptjavascript
    文章目录一.注册事件（绑定事件）1.注册事件概述2.addEventListener事件监听方式3.attachEvent事件监听方式4.注册事件兼容性解决方案二.删除事件（解绑事件）1.删除事件的方式2.删除事件兼容性解决方案三.DOM事件流四.事件对象1.什么是事件对象2.事件对象的使用语法3.事件对象的兼容性方案4.事件对象的常见属性和方法五.阻止事件冒泡1.阻止事件冒泡的两种方式2.阻止事
  • 事件练习 安好每个你
    varEventUtil={addHandler:function(oElement,sEvent,fnHandler){oElement.addEventListener?oElement.addEventListener(sEvent,fnHandler,false):oElement.attachEvent('on'+sEvent,fnHandler)},removeHandler:func
  • JS绑定事件兼容性写法(addHandler、addEvent) 孟世博213
    functionaddHandler(element,type,handler){//绑定事件if(element.addEventListener){//IE9以下不兼容element.addEventListener(type,handler,false)}elseif(element.attachEvent){//IE独有element.attachEvent('on'+type,handl
  • 事件的绑定和移除 雨_8882
    1.绑定：dom.带on的事件名称=事件处理函数；解绑：dom.带on的事件名称=null2.绑定：dom.addEventListener(不带on的事件名称,事件处理函数,事件是冒泡还是捕获)；解绑：dom.removeEventListener((不带on的事件名称,事件处理函数(绑定的有名函数))3.ie8特有的属性绑定：dom.attachEvent(带on的事件名称,事件处理函数)；解
  • 3d跨度振幅走势图实现--彩票类 桃根仙
    ESUNChart={};ESUNChart.previewCode=[];ESUNChart.on=function(o,type,fn){o.attachEvent?o.attachEvent('on'+type,function(){fn.call(o)}):o.addEventListener(type,fn,false);};/*全局控制*/ESUNChart.ini={default_
  • 跨浏览器的事件处理程序 EmilWong
    varEventUtil={addHandler:function(element,type,handler){if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){element.attachEvent("on"+type,handler);}e
  • DOM0和DOM2级事件 关航_强化班
    DOM0和DOM2级事件事件绑定的两种方法DOM0级事件绑定curEle.onclick=function(){};DOM2级事件绑定标准浏览器：curEle.addEventListener('click',function(){},false)IE6-8:curEle.attachEvent('onclick',function(){})一、共同的优点1、DOM0级和DOM2级的共同优点：能添
  • vue使用iframe监听页面是否加载完成loading old-winson vuejsjavascript前端html
    letiframe=document.getElementById('iframe')letiframeLoad=function(){//在此写业务逻辑console.log('加载完了!')}if(!iframe.addEventListener){iframe.attachEvent('onload',iframeLoad)}iframe.addEventListener('load',if
  • 事件兼容性处理 Trytodo_zbs
    1.添加事件一般来说有三种方式addEventListener、attachEvent、onaddHandler:function(element,type,handler){//添加事件if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){ele
  • 跨浏览器事件处理程序 saiyi绒小花
    html部分跨浏览器事件处理程序点击我js部分绑定事件ChromeFirefoxIE9等addEventListenerIE8及IE8以下的浏览器attachEvent移除事件ChromeFirefoxIE9等removeEventListenerIE8及IE8以下的浏览器detachEventvarEventUtil={addHandler:function(element,type,handl
  • 原生JS 实现 dom ready weixin_30702887
    记录一下项目技术问题：记得：放在head标签内的脚本，第一时间执行varbaseTools={//domreadyready:function(f){varie=!!(window.attachEvent&&!window.opera);varwk=/webkit\/(\d+)/i.test(navigator.userAgent)&&(RegExp.$11)return;if(ie)(funct
  • 2019-01-19 CtrlAltShift
    为元素绑定事件！、my$("btn1").addEventListener("click",function(){console.log("娃哈哈喜之郎美汁源");},false);my$("btn2").attachEvent("onclick",function(){console.log("吃饭睡觉敲代码");});functionaddEventListener(element,type,
  • Web AP—事件高级 酒茶白开水 web前端前端javascript事件高级事件高级移除事件禁止默认行为
    事件高级代码下载注册事件给元素添加事件，称为注册事件或者绑定事件，注册事件有两种方式:传统方式（on开头的事件onclick；注册事件具有唯一性，同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数）方法监听注册方式（w3c标准推荐方式；IE9之前的IE不支持此方法，可使用attachEvent()代替；同一个元素同一个事件可以注册多个监听器，按注册顺序依次执行）
  • 2019-01-22 CtrlAltShift
    为元素绑定事件和解绑事件的兼容代码！//绑定事件的兼容functionaddEventListener(element,type,fn){if(element.addEventListener){element.addEventListener(type,fn,false);}elseif(element.attachEvent){element.attachEvent("on"+type,fn)
  • 【前端】iframe根据子内容高度进行自适应 loyd3 前端实用工具集iframe
    针对多个iframe的情况iframe标签js代码functioniframeLoad(){varifms=document.getElementsByTagName("iframe");//获取iframefor(letindex=0;index
  • 前端系统学习 3. 浏览器相关 stanf1l
    1.浏览器事件模型事件的捕获和冒泡addEventListener&removeEventListener兼容IE78attachEvent事件代理/事件委托事件代理/事件委托将孩子的事件监听委托给父亲，优化同类型监听绑定带来的大量内存消耗//每一个子节点单独绑定constliList=document.querySelectorAll('li')for(leti=0;i{alert(i+''+l
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他