js EventUtil addhandler removehandler
2016-04-06 22:01
489 查看
addHandler
方法,他的职责是分情况使用DOM0级方法、DOM2级方法或IE方法来添加事件。这个方法属于一个名字叫EventUtil的对象,可以使用这个对象来处理浏览器间的差异。addHandler() 方法接受3个参数:要操作的元素、时间名称和事件处理程序函数。
removeHandler(),它也接受相同参数。这个方法的指责是移除之前添加的事件处理程序,无论该事件处理程序是采取什么方式添加到元素中的。如果其他方法无效,默认采用DOM0级方法。
EventUtil 的用法如下
//EventUtil
var EventUtil = {
addHandler: function(element, type, handler){
if(element.addEventListener){
element.addEventListener(type, handler, false);
} else if(element.attachEvent){
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
removeHandler: function(element, type, handler){
if (element.removeEventListener){
element.removeEventListener(type, handler, false);
} else if(element.detachEvent){
element.detachEvent("on" + type, handler);
} else{
element["on" + type] = null;
}
}
}
var btn1 = document.getElementById("myBtn1");
var handler = function(){
alert("hello handler");
}
EventUtil.addHandler(btn1, "click", handler);
//EventUtil.removeHandler(btn1, "click", handler);
方法中首先检查DOM2级,方法,如果存在DOM2级方法存在,则使用该方法:传入事件类型、事件处理程序、和第三个参数false(表示冒泡阶段)。 如果存在的是IE的方法,则采取第二种方案。注意,为了在IE8及更早版本中运行,此时的事件类型必须加上“on"前缀。最后一中可能就是使用DOM0级方法。此时,我们使用的是括号语法来将属性名指定为事件处理程序,或者将事件设置为null。
方法,他的职责是分情况使用DOM0级方法、DOM2级方法或IE方法来添加事件。这个方法属于一个名字叫EventUtil的对象,可以使用这个对象来处理浏览器间的差异。addHandler() 方法接受3个参数:要操作的元素、时间名称和事件处理程序函数。
removeHandler(),它也接受相同参数。这个方法的指责是移除之前添加的事件处理程序,无论该事件处理程序是采取什么方式添加到元素中的。如果其他方法无效,默认采用DOM0级方法。
EventUtil 的用法如下
//EventUtil
var EventUtil = {
addHandler: function(element, type, handler){
if(element.addEventListener){
element.addEventListener(type, handler, false);
} else if(element.attachEvent){
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
removeHandler: function(element, type, handler){
if (element.removeEventListener){
element.removeEventListener(type, handler, false);
} else if(element.detachEvent){
element.detachEvent("on" + type, handler);
} else{
element["on" + type] = null;
}
}
}
var btn1 = document.getElementById("myBtn1");
var handler = function(){
alert("hello handler");
}
EventUtil.addHandler(btn1, "click", handler);
//EventUtil.removeHandler(btn1, "click", handler);
方法中首先检查DOM2级,方法,如果存在DOM2级方法存在,则使用该方法:传入事件类型、事件处理程序、和第三个参数false(表示冒泡阶段)。 如果存在的是IE的方法,则采取第二种方案。注意,为了在IE8及更早版本中运行,此时的事件类型必须加上“on"前缀。最后一中可能就是使用DOM0级方法。此时,我们使用的是括号语法来将属性名指定为事件处理程序,或者将事件设置为null。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享