javaScript中为元素绑定多个事件

javaScript中为元素绑定多个事件

在DOM操作中，为元素绑定多个事件有两种方式，具体如下：

1. 第一种方式：

对象.addEventListener("事件类型",事件处理函数,false);
//参数1：事件的类型----没有on，例如：注册点击事件,此时事件类型="click"
//参数2：事件处理函数----函数
//参数3：false
//注意：此方法具有兼容性，谷歌，火狐支持，ie8及以下不支持该方法

2. 第二种方式：

对象.attachEvent("有on的事件类型",事件处理函数);
//参数1：事件的类型----有on，例如：注册点击事件,此时事件类型="onclick"
//参数2：事件处理函数----函数
//注意：此方法也具有兼容性，谷歌，火狐，ie11不支持该方法，只有ie10及以下支持

3. 兼容代码如下：

function addEventListener(element,type,fn) {
	if(element.addEventListener) {             //如果支持addEventListener方法
		element.addEventListener(type,fn,false);
	} else if(element.attachEvent) {           //如果支持attachEvent方法
		element.attachEvent("on"+type,fn);
	} else {                                   //如果两种方法都不支持
		element["on"+type]=fn;
	}
}