委托模式
委托模式:多个对象接收并处理同意请求时,他们将请求委托给另一个对象统一处理。
优点: 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的点击事件,然后判断目标元素的明曾是不是我们寻找的元素,如果是则执行相应的操作。
将子元素的事件委托给父元素,然后通过事件冒泡传递,再通过判断事件来源的某种特性来执行某一业务逻辑。