本文介绍了一种前端开发中常用的技巧——事件委托。通过将事件绑定到父元素上，由子元素触发事件，可以有效地应对元素动态增删的情况。文章提供了jQuery和原生JS两种实现方式。
事件委托： 将事件绑定到父元素身上，由子元素触发事件
适用于元素后续添加或删除情况：
jquery语法：$(selector).on(event, childSelector, function (){});
原生js：
//找到父元素，添加事件监听器...
document.getElementById(parentSelector).addEventListener(event,function(e) {
//e.target是被点击的元素！
//判断点击的元素，如果是li元素
if(e.target && e.target.nodeName == "LI") {
//找到目标，书写事件执行函数！
console.log("点击的是li元素")；
}
});
两种方法都已经过测试
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
