如何禁用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,即使我点击标记为"Booked"的表格单元格.

Answer 1

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

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

已成功测试IE8,Chrome和Firefox.