事件绑定 事件的传播

事件绑定

       window.onload = function(){
				var btn = document.getElementById("btn")
				// 事件绑定
				bind(btn,"click",function(){
					console.log(this)
				}
				
				bind(btn,"click",function(){
					console.log(this)
				})
				//定义一个函数，用来为指定元素绑定响应函数
				/*
				   addEventListener()中的this，是绑定事件的对象
				   attachEvent()中的this，是window
				   需要统一两个方法this
				 */
				/*
				 * 参数：
				  	el 要绑定事件的对象
				  	event 事件的字符串(不要on)
				    callback 回调函数
				 */
				function bind(el,event,callback){
					if(el.addEventListener){
						el.addEventListener(event,callback,false)
					}else{
						el.attachEvent("on"+event,function(){
							callback.call(el)
						})
					}
				}
			}

事件的传播

        window.onload = function(){
				var box1 = document.getElementById("box1")
				var box2 = document.getElementById("box2")
				var box3 = document.getElementById("box3")
				
				bind(box1,"click",function(){
					alert("box1")
				})
				
				bind(box2,"click",function(){
					alert("box2")
				})
				
				bind(box3,"click",function(){
					alert("box3")
				})
				
				function bind(el,event,callback){
					if(el.addEventListener){
						el.addEventListener(event,callback,true)
					}else{
						el.attachEvent("on"+event,function(){
							callback.call(el)
						})
					}
				}
				
			}