javascript - 仅在不单击子元素以及在 javascript 中单击时才激活单击

Question

我在 JQuery 中使用 javascript 并遇到以下问题：

我使用 onclick 属性在表格中分配了tra 去某个地方（因为您不能使用a带有 a 的标签tr）。由于代码是如此琐碎，我只是在没有 JQuery 的情况下做了内联 javascript。问题是我在一个表格单元格中有另一个链接，但是当我单击该链接时，该tr链接首先被激活并且我被发送到错误的页面。

这是我的tr链接的样子：onclick="javascript:document.location.href = '/1/display"

这是click单元格上的 JQuery 之一。也有常规的a标签链接：

thi.click(function(e){ // Thi is a a tag.
    open_entry_id = thi.attr('data-id');
});

无论如何要修复它，以便tr仅在没有单击其子项时才使用该链接？（通过孩子，我的意思是可点击的孩子。当我点击常规文本时，我仍然希望它链接tr）

Answer 1

由于您使用的是 jQuery，因此.stopPropagation()请在链接上使用它的方法。这样，链接上的点击事件就不会冒泡（传播）到表格行上的点击事件。

一般来说：

$('a').click(function(e){
    e.stopPropagation();
})

Answer 2

是的，您应该防止事件冒泡。在 jQuery 中，这是通过event.stopPropagation(). 你应该把它放在孩子调用的函数中。