关于attachEvent与addEventListener事件绑定兼容问题

attachEvent与addEventListener

attachEvent：是IE支持的事件绑定方法
用法：元素节点对象.attachEvent(“on” + 事件名, 处理函数)

 let qy = window.document.querySelector.bind(document) //节点选择器qy("#id").attachEvent("on" + click, ()=>{console.log("IE的事件绑定方法")  })

addEventListener：是IE支持的事件绑定方法
用法：元素节点对象.addEventListener(事件名, 处理函数,捕获或冒泡)

 let qy = window.document.querySelector.bind(document) //节点选择器qy("#id").addEventListener(click, ()=>{console.log("IE的事件绑定方法")},false)

处理兼容函数

在attachEvent与addEventListener两者间做选择

 function addEvent(el, even, handler_cb){  if(window.attachEvent){  //如果支持attachEvent则输出该方法return function(){el.attachEvent("on" + even, handler_cb);  }//如果只支持addEventListener则输出该方法，并传个type进行调用}else if(window.addEventListener){   return function(type){el.addEventListener(even, handler, type)}}  }

关于attachEvent与addEventListener事件绑定兼容问题相关推荐

事件绑定-addEventListener()和attachEvent()的区别及用法
JavaScript-DOM-事件绑定当我们为元素绑定一个单击事件时,通常会想到element.οnclick=function(){},但是要绑定多个单击函数时却会失效,并且会被最新的响应函数 ...
使用事件委托降低重复的事件绑定,从而降低dom操作的对性能的消耗[兼容IE版]
使用事件委托降低重复的事件绑定,从而降低dom操作的对性能的消耗[兼容IE版] 原理: W3C将DOM2.0模型中事件处理流程分为三个阶段: 一.事件捕获阶段: 当某个元素触发某个事件(如onclic ...
js元素事件绑定与解绑兼容代码
一.元素事件的绑定方法兼容代码为任意元素绑定任意事件的兼容代码 /*** 为任意元素绑定任意事件* @param {*} element 元素* @param {*} type 事件类型* @par ...
addeventlistener事件第三个参数_简析JavaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序...
这篇文章主要介绍了javaScript 事件绑定.事件冒泡.事件捕获和事件执行顺序整理总结的相关资料 (一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式:在htm ...
JS中的事件绑定、取消、兼容问题
一.事件绑定 1.on+事件类型 var div = document.getElementById('dv')// 1 on+事件类型 (同一点击事件只能绑定一次,绑定多次以最后一次为准)div.o ...
11.①事件冒泡：取消冒泡event.cancelBubble=true或.sopImmediatePropagation()②事件绑定addEventListener(参数1，参2，参3）③事件传播
目录一:事件冒泡: 1.冒泡指的是事件的向上传导, 2.冒泡与子元素所在位置无关,与结构有关(就算给子元素添加定位,移出父元素里面,还是会产生冒泡) 3.要取消事件的冒泡需要用到事件对象(两种方法) ...
attachEvent 与addEventListener到底有什么区别呢？
2019独角兽企业重金招聘Python工程师标准>>> attachEvent 与addEventListener到底有什么区别呢?总结如下: 一.适应的浏览器版本不同 attach ...
JavaScript事件绑定的方法说明收藏
JavaScript事件绑定的方法说明收藏事件使得客户端的 JavaScript 有机会被激活,并得以运行.在一个 Web 页面装载之后,运行脚本的唯一方式,就是响应系统或者用户的动作.虽然从第一 ...
JavaScript基础14-day16【事件委派、事件绑定、事件传播、滚轮事件、键盘事件、键盘移动div】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JS事件之事件绑定与事件监听
事件绑定在我们对一个元素绑定了事件处理函数,并且事件触发后,我们才会得到自己想要的与网页的交互.抛开事件监听函数不谈,我们有两种绑定事件处理函数的方法: 1.通过HTML来绑定事件处理函数 ...

关于attachEvent与addEventListener事件绑定兼容问题

attachEvent与addEventListener

处理兼容函数

关于attachEvent与addEventListener事件绑定兼容问题相关推荐

最新文章

热门文章