如何将事件处理程序分配给多个元素(colorPicker)

const elements = document.querySelectorAll('.colorPicker');
elements.forEach(element => {
  element.addEventListener('click', eventHandler);
});

const parentElement = document.querySelector('.parentElement');
parentElement.addEventListener('click', event => {
  if (event.target.classList.contains('colorPicker')) {
    eventHandler(event);
  }
});

const eventManager = {
  colorPickers: [],
  addColorPicker(element) {
    this.colorPickers.push(element);
    element.addEventListener('click', eventHandler);
  },
  removeColorPicker(element) {
    const index = this.colorPickers.indexOf(element);
    if (index !== -1) {
      this.colorPickers.splice(index, 1);
      element.removeEventListener('click', eventHandler);
    }
  }
};

// 添加元素
const colorPicker1 = document.querySelector('.colorPicker1');
eventManager.addColorPicker(colorPicker1);

// 移除元素
const colorPicker2 = document.querySelector('.colorPicker2');
eventManager.removeColorPicker(colorPicker2);