JS同一元素同一事件，处理多个函数

1.注册事件有两种方式：

1.1 传统方式(出现覆盖现象)

	var btn = document.querySelector('button');
	btn.onclick=function(){
		alert('1');
	}
	btn.onclick=function(){
		alert('2');
	}
	// 点击btn之后弹出 2

注：最后注册的处理函数将覆盖之前的处理函数

1.2 方法监听(可处理多个处理函数)

// 参数1：事件类型，它是字符串 必定加引号 而且不带on
// 参数2：事件处理程序
btns[1].addEventListener('click', function() {
	alert(22);
})
btns[1].addEventListener('click', function() {
	alert(33);
})
// 3. attachEvent ie9以前的版本支持 ，这里的事件需要带on
btns[2].attachEvent('onclick', function() {
	alert(11);
})

注：同一个元素同一个事件可以注册多个监听器（事件处理程序）