js事件委托

最新推荐文章于 2024-09-18 14:33:27 发布

散修灬

最新推荐文章于 2024-09-18 14:33:27 发布

阅读量113

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_44696379/article/details/103188041

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

本文介绍了一个使用JavaScript处理HTML列表项点击事件的简单示例。通过为ul元素添加事件监听器，可以捕获到子li元素的点击事件，并在控制台打印被点击元素的内容。此示例展示了如何使用target和srcElement属性来确定触发事件的元素。

摘要由CSDN通过智能技术生成

废话不多直接上代码

<ul id="ulCont">
    <li>111</li>
    <li>222</li>
    <li>333</li>
    <li>444</li>
</ul>

window.onload = function () {
	var ele = document.getElementById("ulCont");
	ele.onclick = function (e) {
		var e = e || window.event;
		var target = e.target || window.srcElement; // window.srcElement兼容IE
		if(target.nodeName.toLowerCase == "li") {
			console.log(target.innerHtml);
		}
	}
}

over，白白