javascript - 行上的链接和行内 anchor 上的链接

Question

我有一个包含条目的表格，并且表格的每一行都是可单击的(当您单击该行时，它会转到详细信息页面)。一切都很好，除了以下事实:如果我将 anchor 放在同一行上，它将尝试转到 anchor 的 URL，然后立即重定向到该行的附加链接。

如何使用 jQuery 阻止行操作？

<tr class="clickable-row" ...>
    <td><a href="..."></a></td>
</tr>

$('.clickable-row').click(function () {
        document.location = "...";
});

Answer 1

使用stopPropagation ();停止默认操作

$("a").click(function(e){

e.stopPropagation();

// do ur work
});

Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.