javascript事件绑定的例子(addEventListener,attachEvent事件)

发布时间:2019-09-22编辑:脚本学堂
对浏览器进行类型检测,attachEvent与addEventListener事件绑定用法:
复制代码 代码示例:function addHandler(el, type, fn){
if(window.attachEvent){
//ie事件名称

对浏览器进行类型检测,attachEvent与addEventListener事件绑定用法:
 

复制代码 代码示例:
function addHandler(el, type, fn){
if(window.attachEvent){
//ie事件名称前增加on开头
el.attachEvent("on" + type, fn);
}else{
//记得加上第三个参数,由于ie下没有事件捕捉,所以ff设置为事件冒泡保持一致
el.addEventListener(type, fn, false);
}
}

在每次绑定时候都需要判断一次,其实在第一次调用时,便已知浏览器类型。
 

复制代码 代码示例:
function addHandler(el, type, fn){
if(window.attachEvent){
//ie事件名称前增加on开头
addHandler =function(el, type, fn){
el.attachEvent("on" + type, fn);

}else{
//记得加上第三个参数,由于ie下没有事件捕捉,所以ff设置为事件冒泡保持一致
addHandler = function(type, fn, false){
el.addEventListener(type, fn, false);
}
}
addHandler(type, fn, false); //第一次调用
}
 

这样,在第一次调用以后的绑定方法,就不需要每次都判断类型了,减少了重复的类型判断。

您可能感兴趣的文章: