林秀栋的技术博客

设计模式(二十四) 委托模式

html

<ul id="a">
	<li>1</li>
	<li>2</li>
</ul>

js

//多个对象接受并处理同一请求,他们将请求委托给另一个对象统一处理

//比如给ul下的每个li都添加一个事件太费性能,可以由ul代理(事件委托)
var ul = document.getElementById('a')
ul.onclick = function(e){
	var e = e || window.event,
		tar = e.target || e.secElement;
	if(tar.nodeName.toLowerCase() === 'li'){
		tar.style.backgroundColor = 'gray';
	}
}

从十七开始到二十四的设计模式属于技巧型设计模式