版权声明:未经同意不得转载 https://blog.csdn.net/qq_42707446/article/details/86518608
绑定事件
//绑定事件
//定义构造函数addEventListener element---绑定的元素对应的id,type----事件的类型,fn-----绑定的事件处理函数的名字
function addEventListener(element, type, fn) {
//判断如果火狐,谷歌支持,IE8不支持,则进入执行addEventListener方法
if (element.addEventListener) {
element.addEventListener(type, fn, false)
//如果火狐谷歌不支持,IE8支持,则进入执行attachEvent方法
} else if (element.attachEvent) {
element.attachEvent("on" + type, fn)
//如果这三个浏览器都不支持,则使用普通方法绑定事件
} else {
//普通绑定事件的方法
element["on" + type] = fn;
}
}
解绑事件
//解绑事件
//定义构造函数removeEventListener element---绑定的元素对应的id,type----事件的类型,fn-----绑定的事件处理函数的名字
function removeEventListener(element, type, fnName) {
//如果谷歌火狐支持,IE8不支持,则进入
if (element.removeEventListener) {
//使用removeEventListener方式解绑事件
element.removeEventListener(type, fnName, false)
//如果谷歌火狐不支持,IE8支持,则进入
} else if (element.detachEvent) {
//使用detachEvent解绑事件
element.detachEvent("on" + type, fnName)
} else {
//如果谷歌火狐IE8都不支持,则用普通方式解绑事件
element["on" + type] = null;
}
}