委托模式

  委托模式:多个对象接收并处理同意请求时,他们将请求委托给另一个对象统一处理。

    优点: 1 优化用户体验,减少内存消耗

                2  可以给之后添加的子元素默认绑定事件

               3 减少请求数量 将几次请求打包给一个元素,得到相应数据时在通过委托对象拆包数据 

 可以将子元素的事件委托给更高层面上的父元素去绑定执行

ul.onclick=function(e){
var e=e||e.event;
tar=e.target||window.srcElement;
if(tar.nodeName.toLowerCase()==="li"){
tar.style.backgroundColor="grey";
}
}

li元素共有一个父元素ul,所以将点击事件绑定给父元素ul,通过事件冒泡就实现事件的传递,这样在子元素li上点击的事件就能传递给ul

我们只需要监听ul的点击事件,然后判断目标元素的明曾是不是我们寻找的元素,如果是则执行相应的操作。

   将子元素的事件委托给父元素,然后通过事件冒泡传递,再通过判断事件来源的某种特性来执行某一业务逻辑。

 

posted @ 2017-08-17 16:11  键盘不错  阅读(100)  评论(0编辑  收藏  举报