如何禁用最后一个<td>的点击？

<td onclick="disableLastTD(event)">Click me</td>

<script>
function disableLastTD(event) {
  // 获取所有的<td>元素
  var tds = document.getElementsByTagName('td');
  
  // 判断当前点击的元素是否为最后一个<td>
  if (event.target === tds[tds.length - 1]) {
    // 禁用最后一个<td>的点击事件
    event.preventDefault();
  }
}
</script>

<style>
td:last-child {
  pointer-events: none;
}
</style>

<table>
  <tr>
    <td>Click me</td>
    <td>Click me</td>
    <td>Click me</td>
  </tr>
</table>