javascript添加删除事件封装
2012-03-21 10:43
309 查看
<script type="text/javascript">
var EventUtil = {
addHandler: function (oElement, sEvent, fnHandler) {
oElement.addEventListener ? oElement.addEventListener(sEvent, fnHandler, false) : oElement.attachEvent("on" + sEvent, fnHandler)
},
removeHandler: function (oElement, sEvent, fnHandler) {
oElement.removeEventListener ? oElement.removeEventListener(sEvent, fnHandler, false) : oElement.detachEvent("on" + sEvent, fnHandler)
},
addLoadHandler: function (fnHandler) {
this.addHandler(window, "load", fnHandler)
}
};
EventUtil.addLoadHandler(function () {
var aBtn = document.getElementsByTagName("input");
//为第一个按钮添加绑定事件
EventUtil.addHandler(aBtn[1], "click", function () {
EventUtil.addHandler(aBtn[0], "click", fnHandler);
aBtn[0].value = "我可以点击了"
});
//解除第一个按钮的绑定事件
EventUtil.addHandler(aBtn[2], "click", function () {
EventUtil.removeHandler(aBtn[0], "click", fnHandler);
aBtn[0].value = "毫无用处的按钮"
});
//事件处理函数
function fnHandler ()
{
alert("事件绑定成功!")
}
})
</script>
var EventUtil = {
addHandler: function (oElement, sEvent, fnHandler) {
oElement.addEventListener ? oElement.addEventListener(sEvent, fnHandler, false) : oElement.attachEvent("on" + sEvent, fnHandler)
},
removeHandler: function (oElement, sEvent, fnHandler) {
oElement.removeEventListener ? oElement.removeEventListener(sEvent, fnHandler, false) : oElement.detachEvent("on" + sEvent, fnHandler)
},
addLoadHandler: function (fnHandler) {
this.addHandler(window, "load", fnHandler)
}
};
EventUtil.addLoadHandler(function () {
var aBtn = document.getElementsByTagName("input");
//为第一个按钮添加绑定事件
EventUtil.addHandler(aBtn[1], "click", function () {
EventUtil.addHandler(aBtn[0], "click", fnHandler);
aBtn[0].value = "我可以点击了"
});
//解除第一个按钮的绑定事件
EventUtil.addHandler(aBtn[2], "click", function () {
EventUtil.removeHandler(aBtn[0], "click", fnHandler);
aBtn[0].value = "毫无用处的按钮"
});
//事件处理函数
function fnHandler ()
{
alert("事件绑定成功!")
}
})
</script>
相关文章推荐
- JavaScript 跨浏览器添加和删除事件
- JavaScript实现跨浏览器的添加及删除事件绑定函数实例
- JS事件封装函数,跨浏览器添加事件和删除事件
- 原生js事件的添加和删除的封装
- JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
- 自己封装跨浏览器事件添加和删除函数
- JavaScript 跨浏览器添加和删除事件
- JavaScript实现添加及删除事件的方法小结
- 数组练习:各种数组方法的使用&&事件练习:封装兼容性添加、删除事件的函数&&星级评分系统
- JavaScript跨浏览器的添加删除事件绑定函数
- JavaScript通过代码添加删除事件
- JS封装兼容性添加、删除事件的函数
- 纯JavaScript实现的兼容各浏览器的添加和移除事件封装
- 201507231056_《JavaScript——事件脚本的添加和删除代码》
- js事件 封装方法(添加事件、删除事件、阻止冒泡、阻止默认行为)
- 原生js事件的添加和删除的封装
- javascript兼容添加与删除事件监听
- JavaScript实现添加及删除事件的方法小结
- JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
- JavaScript实现跨浏览器的添加及删除事件绑定函数实例