如何在表格的特定单元格而不是整个表格上应用onclick？

<table>
  <tr>
    <td id="cell1">单元格1</td>
    <td id="cell2">单元格2</td>
  </tr>
</table>

// 获取特定单元格的引用
var cell1 = document.getElementById("cell1");
var cell2 = document.getElementById("cell2");

// 为单元格添加click事件监听器
cell1.addEventListener("click", function() {
  // 单元格1被点击时的逻辑代码
  console.log("点击了单元格1");
});

cell2.addEventListener("click", function() {
  // 单元格2被点击时的逻辑代码
  console.log("点击了单元格2");
});