版权声明:转载请注明出处,谢谢 https://blog.csdn.net/qq_38944959/article/details/86263996
绑定/解绑事件
为元素绑定事件
对象.addEventlistener
(事件的类型,处理函数,false)
参数一:参数类型:事件的类型>>>事件的名字,没有on
参数二:事件的处理函数>>>匿名函数/命名函数
参数三:布尔值
,目前写false,默认值是false(可写可不写)
对象.attachEvent
(“有on
的事件类型”,事件的处理函数),完美支持ie8
为元素解绑事件
对象.removeEventListener
(要解绑的事件,要解绑的函数,布尔值)
对象.detachEvent
(有on
的解绑事件,要解绑的函数),完美支持ie8
关于事件监听的兼容方法
//定义一个为任意元素绑定的任意事件>>>参数:元素,事件,函数
function addEvent(element,type,fn) {
//判断浏览器是否支持这个方法
if(element.addEventListener){
element.addEventListener(type,fn,false);
}else if(element.attachEvent){
element.attachEvent("on"+type,fn);
}else {
element["on"+type]=fn;
}
}
解绑事件的兼容
//定义为任意的一个元素解绑对应的事件
function removeEvent(element,type,fnName){
//判断浏览器是否支持这个方法
if(element.removeEventListener){
element.removeEventListener(type,fnName);
}else if(element.detachEvent){
element.detachEvent("on"+type,fnName);
}else {
element["on"+click]=null;
}
}
总结:这很ie