如何设置元素下面多个按钮的click事件用1个事件启动

Question

如题，下面多个按钮，我想用1个事件启动，请问应该怎么写？

Answer 1

这个就是典型的事件代理，通过给父层元素来绑定事件来实现

// 给父层元素绑定事件
document.getElementById('father').addEventListener('click', function (e) {
  // 兼容性处理
  var event = e || window.event;
  var target = event.target || event.srcElement;
  // 判断是否匹配目标元素，注意，<el-button>实际上也是<button>
  if (target.nodeName.toLocaleLowerCase === 'button') {
    // 做你想做的事儿
    console.log('the content is: ', target.innerHTML);
  }
});