如何确保可点击不运行td

Question

我有以下css结构

<table class = "apps">
  <tr>
    <td>  
    </td>
  </tr>
</table>

有时我有

<table class = "apps">
  <tr>
    <td>  
      <a href = "" class = "clickable"></a>
    </td>
  </tr>
</table>

我在选择器td上有一个jquery事件，在clickable上有另一个事件。

我如何确保何时         在td

可点击事件而不是td事件被运行..

Answer 1

您必须使用e.preventDefault();和event.stopPropagation()阻止事件冒泡。

Answer 2

如果是'可点击'，请致电

event.stopPropogation()

否则将调用'clickable'的事件，然后事件传播到。

您可能还需要致电event.preventDefault()以阻止使用标记打开链接的默认操作。

Answer 3

选择器可以

 $(td a.clickable)

Answer 4

点击td内的链接时，实际上是点击了链接和td。由于您有两个元素的事件，因此您必须停止将事件传播到父元素。在处理链接事件时尝试使用event.stopPropagation（）。