事件委托小效果

Posted 2020-11-22 xiaoyaolang

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了事件委托小效果相关的知识，希望对你有一定的参考价值。

事件委托

	<body>
		<input type="button" value="创建新的" id="btn"/>
		<ul class="box">
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<p>嘿嘿</p>
		</ul>
	</body>
</html>
<script>
	var box = document.getElementsByClassName("box")[0];
	var btn = document.getElementById("btn");
	btn.onclick = function(e){
		var oLi = document.createElement("li");
		oLi.innerHTML = "新兄弟";
		box.appendChild(oLi);
	}
	box.onclick = function(e){
		var e = e || event ;
		var target = e.target || e.srcElement ;
		if(target.tagName == "LI"){
			target.style.fontSize = "40px";
			target.style.background = "red"
		}
	}
</script>

以上是关于事件委托小效果的主要内容，如果未能解决你的问题，请参考以下文章

对“xxx”类型的已垃圾回收委托进行了回调。这可能会导致应用程序崩溃损坏和数据丢失。向非托管代码传递委托时，托管应用程序必须让这些委托保持活动状态，直到确信不会再次调用它们。错误解决一例。(代码片段