How to set the click event of multiple buttons below an element to be started with 1 event

clipboard.png
for example, there are several buttons below. I want to start with an event. How should I write it?

Mar.03,2021

this is a typical event broker, which implements

by binding events to parent layer elements.
// 
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);
  }
});
Menu