JS中对事件代理的理解及其应用场景

事件代理：把一个元素响应事件的函数委托到另一个元素身上，也叫事件委托
事件流：捕获截断–>目标阶段–>冒泡阶段（事件委托）

如下：只要操作一次dom，提高了程序的性能

    <ul id="list">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>

        let lis=document.querySelectorAll('li')
        /* for(let i=0;i<lis.length;i++){ lis[i].οnclick=function(e){ console.log(e.target.innerHTML); } } */
        let list=document.querySelector('#list')
        list.onclick=function(e){
    
            console.log(e.target.innerHTML);
        }