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

Question

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

Answer 1

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