前端 —— JavaScript 基础篇13 --- 事件监听器（DOM2级事件）

之前的文章的案例中 为DOM元素添加事件，出现两种方式。今天再说下第三种方式，也能为元素添加事件。

事件监听器 （DOM2级事件）

addEventListener

可以添加多个事件。存在兼容问题，支持 IE9 以上

实例：

 <button>事件监听dom2级</button>

var btn = document.querySelector('button');
btn.addEventListener('click',function () {
	alert('哈哈')
});


function fn2() {
	alert('2222222')
};
btn.addEventListener('click',fn2);

移除监听事件：removeEventListener

btn.removeEventListener('click',fn2)

那么IE 6、7、8 怎么变呢，他们也有监听器

btn.attachEvent('onclick',function(){
    函数体
});

//移除事件监听器
btn.detachEvent('事件名',函数名)

解决监听事件兼容性  实例：

function jt(){
	alert('监听事件的兼容问题&