javascript - 如何禁用 onclick 事件

Question

如何禁用 onclick 事件？
我试过 onclick="this.disabled=true;"，但它不起作用。

这是一个 HTML 表格:

<table>
  <tr>
     <td onclick="parent.location='home.php'">Available</td>
     <td onclick="parent.location='home.php'">Available</td>
  </tr>
  <tr>
     <td onclick="parent.location='home.php'"><div onclick="this.disabled=true;">Booked</div></td>
     <td onclick="parent.location='home.php'">Available</td>
  </tr>
</table>

使用上面的代码它仍然会转到 home.php，即使我单击标记为“已预订”的表格单元格也是如此。

Answer 1

你需要防止事件向上冒泡..最简单的方法:

<div onclick="event.cancelBubble = true;">Booked</div>

在 IE8、Chrome 和 Firefox 上测试成功。