绑定事件、删除事件兼容性封装
2017-03-16 17:21
162 查看
var aInput = document.getElementsByTagName("input");
var EventUntil = {
addHandler: function (oElment,sEvent,fn) {
oElment.addEventListener ? oElment.addEventListener(sEvent, fn, false) : oElment.attachEvent("on" + sEvent, fn);
},
removeHandler: function (oElement, sEvent, fn) {
oElement.removeEventListener ? oElement.removeEventListener(sEvent,fn,false) : oElement.detachEvent("on"+sEvent,fn)
}
};
aInput[1].onclick = function(){
EventUntil.addHandler(aInput[0],"click",show);
};
aInput[2].onclick = function () {
EventUntil.removeHandler(aInput[0], "click", show);
};
function show(){
alert(1);
};
var EventUntil = {
addHandler: function (oElment,sEvent,fn) {
oElment.addEventListener ? oElment.addEventListener(sEvent, fn, false) : oElment.attachEvent("on" + sEvent, fn);
},
removeHandler: function (oElement, sEvent, fn) {
oElement.removeEventListener ? oElement.removeEventListener(sEvent,fn,false) : oElement.detachEvent("on"+sEvent,fn)
}
};
aInput[1].onclick = function(){
EventUntil.addHandler(aInput[0],"click",show);
};
aInput[2].onclick = function () {
EventUntil.removeHandler(aInput[0], "click", show);
};
function show(){
alert(1);
};
相关文章推荐
- JS封装兼容性添加、删除事件的函数
- 数组练习:各种数组方法的使用&&事件练习:封装兼容性添加、删除事件的函数&&星级评分系统
- 事件练习:封装兼容性添加、删除事件的函数(实录 四)
- JavaScript跨浏览器的添加删除事件绑定函数
- JavaScript跨浏览器的添加删除事件绑定函数
- 事件封装(多个函数绑定一个事件,估计这样解释不对)
- a标签绑定onclick事件(a标签删除确认操作)
- DataGrid中绑定javascript事件,实现删除提示和变换背景色
- jQuery 事件绑定方法(bind hover toggle live.... )、删除事件方法(unbind, die)及 事件对象
- 使用Javascript封装实现屏蔽鼠标右键系统键菜单,并绑定自定义的事件
- javascript 事件多次绑定和删除
- 事件封装(多个函数绑定一个事件,预计这样解释不正确)
- js 兼容性之代码触发绑定的事件
- jQuery unbind 删除绑定事件 / 移除标签方法
- javascript添加删除事件封装
- jQuery源码分析-10事件处理-Event-事件绑定与删除-bind/unbind+live/die+delegat/unde
- jQuery unbind 删除绑定事件
- jQuery源码分析-10事件处理-Event-事件绑定与删除-bind/unbind+live/die+delegat/undelegate
- jquery动态添加删除div--事件绑定,对象克隆
- 原生js事件的添加和删除的封装