观察者模式（3）－－双向数据绑定

function DataBinder(){
　　//发布／订阅封装
　　var pubSub={    
　　　　handlers:{},
　　　　on:function(event,callback){
　　　　　　if(!this.handlers[event]){
　　　　　　　　this.handlers[event]=[];
　　　　　　}
　　　　　　this.handlers[event].push(callback);
　　　　},
　　　　publish:function(event){
　　　　　　var handler=this.handlers[event];
　　　　　　if(handler){
　　　　　　　　for(var i=0;i<handler.length;i++){
　　　　　　　　　　handler[i]();
　　　　　　　　}
　　　　　　}
　　　　}
　　};

　　changeHandler=fucntion(e){
　　　　var target=e.target||e.srcElement;
　　　　var prop_name=event.getAttribute(‘t-binding‘);
　　　　if(prop_name && prop_name!==‘‘){
　　　　　　pubSub.publish(‘ui-update-event‘,prop_name,target.value);
　　　　};
　　};
　　//监听事件变化（这里监听keyup和change事件）,并代理到pubSub上。
　　if(document.addEventListener){
　　　　document.addEventListener(‘keyup‘,changeHandler,false);
　　　　document.addEventListener(‘change‘,changeHandler,false);
　　}else{
　　　　//兼容ie8  
　　　　document.attachEvent(‘keyup‘,changeHandler);
　　　　document.attarEvent(‘change‘,changeHandler);
　　};
　　//pubSub将变化传播到所有绑定元素上。
　　pubSub.on(‘model-update-event‘,function(propName,propValue){
　　　　var eles=document.querySelectorAll(‘[t-binding="‘+propName+‘"]‘);
　　　　for(var i=0;i<eles.length;i++){
　　　　　　var eleType=eles[i].tagName.toLowerCase(); 
　　　　//更新UI界面上元素的内容  
　　　　　　if(eleType==‘input‘ || eleType==‘textarea‘ || eleType==‘select‘ ){
　　　　　　　　eles[i].value=propValue;
　　　　　　}else{
　　　　　　　　eles[i].innerHTML=propValue;
　　　　　　}
　　　　}
　　}