完善的js事件委托

    function eventDelegate(element, eventType, selector, fn) {
    
        element.addEventListener(eventType, e => {
    
            let el = e.target;
            // 当点击的元素不为li本⾝的时候，⽐如说span，就找⽗级是否为li
            while (!el.matches(selector)) {
    
                // 不断向上找⽗级元素，判断是否有li标签
                if (element === el) {
    
                    // 直到找到代理元素就不执⾏委托
                    el = null;
                    break;
                }
                el = el.parentNode;
            }
            el && fn.call(el, e, el);
        })
        return element;
    }

    eventDelegate(ul, 'click', 'li', function (e, el) {
    
        console.log(`点击了${
     this}标签`)
    })

ul.addEventListener('click', function() {
    
                    let el = e.target
                    while (el && !el.matches(selector)) {
    
                        el = el.parentNode
                        if (element === el) {
    
                            el = null
                        }
                    }
                    if (el) {
    
                        console.log('执行回调函数')
                    }
                }

参考文章
https://zhuanlan.zhihu.com/p/26986963