Если без всплытия то вот такой кастыльчик можно сделать -
<button>Button 1</button>
<button>Button 2</button>
<button>Button 3</button>
<button>Button N</button>
var button = document.querySelectorAll('button');
for(var i=0; i < button.length; i++){
lisener(i);
}
function lisener(i){
button[i].addEventListener('click', () => {
console.log(i);
})
}
<div>
<button>Button 1</button>
<button>Button 2</button>
<button>Button 3</button>
<button>Button N</button>
</div>
var div = document.querySelector('div');
div.addEventListener('click', (e) => {
console.log(e.target)
})