IT序号网

javascript之如何禁用 onclick 事件

kuangbin 2024年10月01日 编程语言 21 0

如何禁用 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,即使我单击标记为“已预订”的表格单元格也是如此。

请您参考如下方法:

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

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

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


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!