js元素事件绑定与解绑兼容代码

一、元素事件的绑定方法兼容代码

为任意元素绑定任意事件的兼容代码　　

/*** 为任意元素绑定任意事件* @param {*} element 元素* @param {*} type    事件类型* @param {*} fn      事件处理函数*/
function addEventListener(element, type, fn) {if(element.addEventListener){element.addEventListener(type,fn,false);}else if(element.attachEvent){element.attachEvent("on"+type,fn);}else{element["on"+type] = fn;}
}

二、元素事件解绑方法兼容代码

为任意元素解绑任意事件

/*** 解绑事件的兼容代码* @param {*} element 元素* @param {*} type    事件类型  * @param {*} fn      事件处理函数*/
function removeEventListener(element,type,fn){if(element.addEventListener){element.removeEventListener(type,fn,false);}else if(element.attachEvent){element.detachEvent("on"+type,fn);}else{element["on"+type] = null;}
}

转载于:https://www.cnblogs.com/mycnblogs-guoguo/p/11211637.html

js元素事件绑定与解绑兼容代码相关推荐

jQuery事件绑定与解绑
一.jQuery事件方法描述执行时机 click() 触发或将函数绑定到指定元素的click事件单击鼠标时 dblclick() 触发或将函数绑定到指定元素的dblclick事件双击鼠标时 ...
组件的自定义事件(绑定、解绑)
温馨提示:总结在最下方,如若不想看代码,请滚动至最下方查看相关知识点,谢谢! App.vue <template><div class="app">< ...
Vue 事件绑定与解绑
目录事件绑定基础知识使用场景注意事项 v-on 绑定事件语法实例 $ref绑定事件语法实例事件解绑语法实例事件绑定基础知识使用场景子组件==>父组件传数据在父组件 ...
JQuery_003_事件绑定与解绑
$(function () {//第一个按钮通过on的方式绑定点击事件$("#btn1").on("click",function () {alert(&quo ...
js 事件（绑定、解绑、三个阶段、相关方法）
事件绑定与解绑: DOM0级事件(这类事件可以使用 return false来阻止事件往下执行,包含默认事件) 绑定: html内<input οnclick=''> js中el.οncl ...
JavaScript中事件的绑定与解绑
目录零.码仙励志一.事件的绑定 1. 对象.on事件名字=事件处理函数 2. 对象.addEventListener("没有on的事件名字",事件处理函数,false); 3. ...
vue：组件自定义事件、绑定、解绑事件
vue:组件自定义事件.绑定.解绑事件自定义组件绑定事件: 使用方法:在引入组件中的methods定义一个回调方法,在组件标签中使用如下两种方式自定义事件,去到引入的组件的中,使用 this.$em ...
JS中的事件绑定、取消、兼容问题
一.事件绑定 1.on+事件类型 var div = document.getElementById('dv')// 1 on+事件类型 (同一点击事件只能绑定一次,绑定多次以最后一次为准)div.o ...
jQuery的绑定与解绑方法
jQuery的4种绑定方法一.bind()与unbind() I.bind():绑定 1.定义 2.语法 3.参数 4.案例 (1)绑定单一事件 (2)绑定多个事件 II.unbind():解绑 1 ...

js元素事件绑定与解绑兼容代码

js元素事件绑定与解绑兼容代码相关推荐

最新文章

热门文章