原生js事件委托与简单的jquery事件委托方法

来源:互联网 发布:明解c语言入门pdf下载 编辑:程序博客网 时间:2024/06/03 16:32

事件委托: 将事件绑定到父元素身上,由子元素触发事件

适用于元素后续添加或删除情况:

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元素");

}

});

两种方法都已经过测试