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);
  }
});
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e479c1-43982.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e479c1-43982.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?