事件的三个阶段，以及事件的绑定与解绑的介绍

事件的三个阶段:
①.事件捕获阶段:由外向内,是由网景公司给浏览器制定的,被现代所有浏览器应用。
②.事件目标阶段:被触发的元素。
③.事件冒泡阶段:由内向外,是由微软最初给ie制定的,被现代所有浏览器应用。
高级浏览器: chrome firefox ie9及以上符合web标准浏览器。
低版本浏览器: ie6,ie7,ie8。
事件的绑定：
第一种方式：只能是事件冒泡
元素.onclick =function(){ }
第二种方式：添加事件监听的方式
高级浏览器:元素.addEventListener(‘click’,事件处理函数,布尔值);
布尔值: false是事件冒泡,true是事件捕获
高级浏览器可通过true,false来控制事件捕获或冒泡。
ie低版本浏览器: 元素.attachEvent(‘onclick’,事件处理函数);
低版本浏览器没有事件捕获,只有事件冒泡。
第一种绑定方式：btn.onclick = function(){alert(1);}
第一种解绑方式：btn.onclick = null;
第二种绑定方式（高级浏览器）：btn.addEventListener(‘click’,fn1,false);//其中fn1为有名函数
解绑方式：btn.removeEventListener(‘click’,fn1,false);//其中fn1为有名函数
第二种绑定方式（低版本浏览器）:btn.attachEvent(‘onclick’,fn1);//其中fn1为有名函数
解绑方式:btn.detachEvent(‘onclick’,fn1);//其中fn1为有名函数
第一种绑定方式只能绑一个onclick,否则后绑定的会覆盖先绑定的;第二种绑定方式：高级浏览器可绑定多个removeEventListener,从上往下都会执行,低版本浏览器可绑定多个attachEvent,从下往上都会执行。第二种绑定要确保传的函数是有名函数,解绑时要填函数名。