如何设置元素下面多个按钮的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);

  }

});