我正在从一个数组生成一个列表，我怎么知道我点击的是哪个元素呢？

// 假设有一个数组 arr 存储了要生成列表的数据
const arr = ['元素1', '元素2', '元素3'];

// 生成列表
arr.forEach((item, index) => {
  // 创建列表项元素
  const listItem = document.createElement('li');
  listItem.textContent = item;
  
  // 添加唯一标识符
  listItem.setAttribute('data-index', index);
  
  // 绑定点击事件
  listItem.addEventListener('click', handleClick);
  
  // 将列表项添加到列表中
  document.getElementById('list').appendChild(listItem);
});

// 点击事件处理函数
function handleClick(event) {
  // 获取被点击的元素的标识符
  const index = event.target.getAttribute('data-index');
  
  // 根据标识符进行相应操作
  console.log('点击的是第', index, '个元素');
}