事件委托: 将事件绑定到父元素身上,由子元素触发事件
适用于元素后续添加或删除情况:
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元素");
}
});
两种方法都已经过测试

本文介绍了一种前端开发中常用的技巧——事件委托。通过将事件绑定到父元素上,由子元素触发事件,可以有效地应对元素动态增删的情况。文章提供了jQuery和原生JS两种实现方式。
593

被折叠的 条评论
为什么被折叠?



