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