避免我在脚本中创建8个addEventListener

// HTML结构
<ul id="parent">
  <li>元素1</li>
  <li>元素2</li>
  <li>元素3</li>
  ...
</ul>

// 事件委托
document.getElementById('parent').addEventListener('click', function(event) {
  if (event.target.tagName === 'LI') {
    // 处理函数
  }
});

// HTML结构
<button class="btn">按钮1</button>
<button class="btn">按钮2</button>
<button class="btn">按钮3</button>
...

// 循环添加事件监听器
var buttons = document.getElementsByClassName('btn');
for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener('click', function() {
    // 处理函数
  });
}