事件委托

const ul = document.querySelector('ul')
ul.addEventListener('click'function(e){
    const target = e.target;
  if(targrt.tagName.toLowerCase() === 'li'){
      const liList = this.querySelectorAll(li) // liList不是真正的数组
    const index = Array.prototype.indexOf.call(liList,targrt);
    alert(`内容为${target.innerHTML},索引为${i}`);
  }
})

一个历史页面，上面有十个点击逻辑，每个按钮都有自己的click事件
新需求：给每个访问用户添加一个属性，此用户点击页面上的任何按钮都要提示信息

window.addEventListener('click',()=>{
    if(xxx){
      e.stopProgagtion();
  }
},true)